Рекомендуем к просмотру на сайт uCoz
 | |
| Отличный информер для информации пользователя как рекомендую к просмотру и все представляется в изображение, где можно сделать клик и перейти на материал. Основном его можно увидеть перед комментариями в виде материалов, где он отлично вписывается и стоит на своем месте. Есть такие же с такой функцией, но только надписи, но здесь и название и скрин еще в придачу. Но все можете увидеть на картинке, что перекреплена здесь. Идут с ним стили, что главное, так как ресурсы под разной гаммой цвета идут, и вы можете просто его настроить и выставить тот оттенок, который вам нужен, все очень просто редактируется, так как он прост в этом направление. Если у вас слишком финансированная ширина, то можете поставить два окна и сделать их по шире, но красивей будет когда три стоит. Что по загрузки на портал, то стоял на сайте и не сильно заметил, что он так грузит, ее почти нет, если есть то она не должна сильно подгружать. Установка: Но первое, что нужно сделать, это создать информер с такими параметрами: [ Каталог файлов · Материалы · В случайном порядке · Материалы: 3 · Колонки: 1 ] Код <div class="tumb"> <a href="$ENTRY_URL$" target="_blank"> <?if($IMG_URL1$)?><img src="$IMG_URL1$" width="236" height="130"><?else?><img src="http://i.imgur.com/Rqbo07E.png" width="236" height="130"><?endif?> <br><?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>....<?else?>$TITLE$<?endif?></a> </div> Теперь в CSS пропишем стили: Код /*=== PROSMOTR REKOMENDUEM ===*/ .related_zornet {margin: 0px 14px;margin-bottom:10px} .related_zornet1 {padding-right:24px;background:url('http://zornet.ru/Fresa/duk/ea80.png') right 8px no-repeat} .comment_zornet {font-size: 19px;color: #646464;} .tumb { float:left; width:150; margin:10px; height:150; text-align:center; text-align:center;background: #C3C3C3; padding:5px;border: 2px solid #9C9C9C; border-radius: 5px;} .tumb:hover { float:left; width:150; margin:10px; height:150; text-align:center;background: #ADADAD; padding:5px;border: 2px solid #808080; border-radius: 5px;} И осталось номер информер разместить: Код <div class="ifnot-mob"> <div class="related_zornet"> <div class="comment_zornet"><span class="related_zornet1">Рекомендуем к просмотру</span></div> </div> $MYINF_15$ <hr> </div> Как понимаете, там стоит 15, вы на свой меняете, также еще в информер код который поставите, там будет TITLE,0,30 это выводит знаки на название, настраиваем под свой размер сайта. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 8 | |
|
| |
