» »

Рекомендуем к просмотру на сайт uCoz


Рекомендуем к просмотру на сайт 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 это выводит знаки на название, настраиваем под свой размер сайта.
01.10.2016 Просмотров: 458 Комментарий: (7)

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

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

Комментарий: 7
trem200
trem200 01.10.2016 19:481
0
Вроде бы были подобные файлы.
Kosten
Kosten 01.10.2016 19:502
0
Вот тоже об этом, но весь сайт переискал, но не нашел, там есть другие похожие, такой не мог найти, так и решил его залить.
Сопрано
Сопрано 01.10.2016 20:133
0
Что то тоже не нашел, есть очень похожий, но там и функций совершенно другие, этот более простой.
Angerfist
Angerfist 02.10.2016 14:064
0
Kos, зачем у себя убрал то этот информер, или идея какая то есть чем заменить? Поставь похожие материалы, нам удобней будет.
Kosten
Kosten 02.10.2016 14:565
0
Angerfist, вот как раз, мы с тобой на эту тему разговаривали, что похожие хочу установить. А этот может другим пригодиться.
Roman_Domnin
Roman_Domnin 02.10.2016 15:216
0
Привет. ВК зайди
Kosten
Kosten 02.10.2016 15:297
0
Так уже прозеваю)
avatar