На некоторых интернет ресурсах стоит такой код, подчеркиваю это скрипт а не информер, как идет основном. Когда вы посчитал что на портале уже много закаченных файлов или материалов и статей, то можете поставить этот код. Который сам будет вычислять или искать похожие слова и выдавать виде материалов и комментариев, где его и нужно устанавливать.
Он по дизайну сделан хорошо, в смысле, вы можете сами оттенок цвета подобрать как на обвод, у которого подчеркиваю нет углов и сам фон внутри, где и будет прописаны к примеру название скриптов, которые похожи по сочетанию слов.
Можно также поставить на кино сайт, так как он просто и не нужно там выставлять с картинками, который сильно грузит. Здесь предоставлю 2 кода с надписью и без нее, так как по мне это надпись не слишком вписывается в основной дизайн, а пользователь или гость, большая часть понимает для чего стоит.
Цифры по картинке.
И так 1 код оригинала:
Скрипт рекомендую посмотреть
Код <fieldset style="border-radius:5px;border:1px dashed #1b4257; font-size:13px;background-color:#cbdbe2;"> <legend style="background-color:#f2f6f7;">Похожие материалы</legend> <div class="vvv"><?if($RELATED_ENTRIES$(6))?><?$RELATED_ENTRIES$(6)?></div><?else?>К сожалению, похожего ничего не нашлось!<?endif?> </fieldset>
Это 2, без название
Код <fieldset style="border-radius:5px;border:1px dashed #6B818C;background-color:#EAEAEA;"> <div class="vvv"><?if($RELATED_ENTRIES$(5))?><?$RELATED_ENTRIES$(5)?></div><?else?>К сожалению, похожего ничего не нашлось!<?endif?> </fieldset> </div>
Теперь остались стили в CSS прописать и вы там можете заменить иконку, которая с право.
Код ul.uRelatedEntries {list-style: none; margin-top: 3px; margin-bottom: 0; margin-left: 0; padding: 0 0 0 0;} .vvv li {list-style: none; margin-top: 0; padding: 0 0 3px 25px;background: url('http://zornet.ru/ZORNET-RU/ZR/php.png') no-repeat 5px 0px ; margin-bottom: .1em;} .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;font-size:10pt;} .vvv :hover {text-decoration:none; color:#000000;font-weight:bold;} |