ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Похожее материалы в 2 колонки для uCoz

Похожее материалы в 2 колонки для uCoz

Такую функцию на похожие материалы ставят прямо в страницу, чтоб по ключевым словам можно найти схожий скрипт или файл на сайте. Здесь он выполнен на операторе, который и будет выводить, осталось только выставить, то число, сколько должно быть. Это делать лучше на 6, 8, 10, чтоб столбики были одинаковы.

Поставить и видеть такую функцию можно на разноплановых интернет ресурсах. Здесь все просто, одно название будет выводить и изображение не будет. До этого был похожий скрипт, но он шел в одну колонку, здесь и по виду визуально будет красивее смотреться и безусловно больше материала, где занимает мало места.

Так проверял на тестовом сайте:

Код устанавливаем вид материала и комментариев к нему.

Код

<fieldset style="border-radius:5px;border: 1px dashed #868C90;background-color:#EAEAEA;padding: 10px;">
<div class="vvv">
<div id="uRelated"><strong><font color="#322D2D">Другие материалы по теме:</font></strong>
<?$RELATED_ENTRIES$(11)?>
</div></div>
</fieldset>

CSS:

Код

#uRelated{padding: 7px 7px;}
#uRelated *{list-style:none;margin:0;padding:0;overflow:hidden;white-space:nowrap;font-weight: bold;}
#uRelated ul.uRelatedEntries{width:100%;margin:7px auto 0;}
li.uRelatedEntry{width:49%;float:left;height: 1.7em;text-indent: 25px;background:url('https://zornet.ru/Ajaxoskrip/Abaveg/Sites-Alternate-icon.png') no-repeat 5px 3px;}
.vvv li {list-style: none;text-shadow: 0 1px 0 #FFFFFF;}
  .vvv :link {text-decoration:none; color:#0F4780;font-weight:bold;font-size:8pt;}
  .vvv :visited {text-decoration:none; color:#0F4780;font-weight:bold;font-size: 9pt;}
  .vvv :active {text-decoration:none; color:#708090;font-weight:bold;}
  .vvv :hover {text-decoration:none; color:#000000;font-weight:bold;}

Если не будет похожих материалов, то можно поменять оператор, который выведет, что на сайте нет таких файлов похоже по названию.

Код

<?if($RELATED_ENTRIES$(10))?><?$RELATED_ENTRIES$(10)?><?else?><ul><li>нет похожих материалов</ul></li><?endif?>

На этом можно сказать все, или можете добавить свой дизайн, это идет на все фоны стилистике.

30 Апреля 2017 Просмотров: 2867 Комментариев: (2)

Поделиться в социальных сетях

Материал разместил

Kosten