Страница 1 из 11
Общий форум » Раздел для uCoz » HTML коды для сайта uCoz » Информер как рекомендация к просмотру на сайт
Информер как рекомендация к просмотру на сайт
Kosten
Дата: Суббота, 03.06.2017, 22:38 | Сообщение 1
Администраторы
Сообщений:16007
Награды: 51


Этот информер выдает материал на сайте автоматически и устанавливается вид материала и комментариев к нему, что идет в колонку. Чистил папки он попался с изображением, безусловно на сайте как материал есть в модуле файлов, но решил его на форум закинуть. Он рабочий, так как одно время устанавливал его на сайт. Также через этот дизайн возможно сделать схожие материалы на название. Вообщем, на светлый идет, так как построен на стилях, под темный дизайн можно его оформить.



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>


ИНФОРМЕР

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 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>
Прикрепления: 2659490.png(188Kb)
Страна: (RU)
-SAM-
Дата: Суббота, 03.06.2017, 23:33 | Сообщение 2
Vip
Сообщений:315
Награды: 16


Цитата Kosten ()
<img src="$IMG_URL1$" width="236" height="130">
Правильнее будет так:
Код
<img src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" width="236" height="130">
И как совет: если так не прописано у вас на сайте, то сделайте. А еще неплохо было бы туда прописать alt, хотя бы даже незаполненный, вот так: alt="" [!]
Цитата Kosten ()
<?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>....<?else?>$TITLE$<?endif?>
Тоже сомнительная вещь, как совет - лучше прописать просто $TITLE$, а в стилях использовать:
Код
.tumb {text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
Так названия материала будет полностью в исходном коде, для ПС.
И правильные стили вот:
Код
.tumb {
float:left;
width:150;
margin:10px;
height:150;
text-align:center;
background-color: #C3C3C3;
padding:5px;border: 2px solid #9C9C9C;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.tumb:hover {
background-color: #ADADAD;
border-color:#808080 !important;}
Ну, а вывод делается так:
Код
<?if($MYINF_x$)?><div class="ifnot-mob">
<div class="related_zornet">
<div class="comment_zornet"><span class="related_zornet1">Рекомендуем к просмотру</span></div>
</div>
$MYINF_x$
<hr>
</div><?endif?>





Сообщение отредактировал
-SAM- - Воскресенье, 04.06.2017, 21:13
Страна: (UA)
Kosten
Дата: Воскресенье, 04.06.2017, 00:03 | Сообщение 3
Администраторы
Сообщений:16007
Награды: 51


Цитата -SAM- ()
Kosten зачем-то код прописал в CSS.

Закинул не посмотрев...бывает.. все скидываю.. что на компе сохранилось. и забыть этот сайт 11a
Страна: (RU)
Общий форум » Раздел для uCoz » HTML коды для сайта uCoz » Информер как рекомендация к просмотру на сайт
Страница 1 из 11
Поиск: