• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов HTML » Информер как рекомендация к просмотру на сайт
Информер как рекомендация к просмотру на сайт
Kosten
Дата: Суббота, 2017-06-03, 22:38 | Сообщение 1
Администраторы
Сообщений:18463
Награды: 55


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



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(187.7 Kb)
Страна: (RU)
-SAM-
Дата: Суббота, 2017-06-03, 23:33 | Сообщение 2
Друзья сайта
Сообщений:463
Награды: 18


Цитата 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- - Воскресенье, 2017-06-04, 21:13
Страна: (UA)
Kosten
Дата: Воскресенье, 2017-06-04, 00:03 | Сообщение 3
Администраторы
Сообщений:18463
Награды: 55


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

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