Пользователь нашего сайта http://ucozon.ru попросил выставить стиль самого блока полезных или похожих материалов, ну вот я и решил выдать его, не чего сложного и сверхъестественного в нем нету, просто собрал стиль под дизайн своего сайта о фильмах.
Стиль простой по себе до ужаса, но всё равно полезный для новичков, в том что бы сделать свой дизайн более приятным и красивым для глаза пользователя который посещает ваш сайт.
По умолчанию каждый пользователь на сайте может выводить сколько угодно в количестве похожих материалов, по тегам из названия материала, при условие что они введены в нужное поле при создание новости. используется условный оператор
$RELATED_ENTRIES$ Для этого я хочу со временем добавить скрипт который будет подставлять нумерацию, и ранжирование этих новостей при выводе на странице сайта.
Установка:
В таблицу стилей
CSS вставляем стиль , который по умолчанию, будет работать на всех сайтах, где вы используете условный оператор вывода похожих материалов
$RELATED_ENTRIES$ Code
ul.uRelatedEntries {list-style:none; margin:2; padding:3;border: 1px solid #EAEAEA;-moz-border-radius:2px;}
ul.uRelatedEntries:hover {background:#F0F0F0; list-style:none; margin:2; padding:3;border: 1px solid #CCC;-moz-border-radius:2px;}
li.uRelatedEntry {border: 1px solid #EAEAEA;padding: 2px;padding-left: 4px;margin: 1px;-moz-border-radius:2px;}
li.uRelatedEntry:hover {background:#F9F9F9; border: 1px solid #CCC;padding: 2px;padding-left: 4px;margin: 1px;-moz-border-radius:2px;}
Настройка:
uRelatedEntries стиль присвоенный <UL>
uRelatedEntry стиль присвоенный <LI>
#EAEAEA - цвет бордюра в простом состояние
#CCC - цвет бордюра при наведение курсора
Если вам нужно положение вывода блока как нечто отдельное и похожее как на скрине то вот вам код моего варианта который я расположил на сайте avtos.do.am
Code
<?if($TAGS$)?><br>
<table class="cBlock1" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td style="padding: 6px; background: url("http://avtos.do.am/img/comment/comment-dark.png") no-repeat scroll right bottom transparent;">
<span class="com-name"><strong>Похожие Фильмы на "$ENTRY_NAME$<?if($OTHER5$)?> ($OTHER5$ часть)<?endif?>"</strong></span>
<?$RELATED_ENTRIES$(50)?>
<div class="cMessage" style="padding: 2px 0pt;"><!--<s5399>-->Схожие киноленты выбраны по тегам<!--</s>-->: $TAGS$</div>
</td></tr></tbody></table>
<hr><?endif?>
Меню сайта
Меню сайта
