ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Похожее материалы в 2 колонки для 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('http://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 Просмотров: 2585 Комментариев: (2)

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

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

Оставь свой отзыв

Комментарии: 2
Марковичь
Марковичь 30 Апреля 2017 22:581
+1
Если название будут большие, то получиться не очень, и под урезание с точками не красиво будет, а так можно на этом сайте поставить.
Maryges
Maryges 01 Мая 2017 01:032
0
Соглашусь, эта больше подойдет, и не нужно не какого дизайн на запросы лепить.
avatar