Информер как рекомендация к просмотру на сайт - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 1
1

Форум » Веб-разработка » HTML + CSS — коды » Информер как рекомендация к просмотру на сайт

Информер как рекомендация к просмотру на сайт

Kosten

Суббота, 03 Июня 2017 | Сообщение 1

Администраторы

Сообщений:44355

Награды: 70

« 555 »

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

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-

Суббота, 03 Июня 2017 | Сообщение 2

Друзья сайта

Сообщений:882

Награды: 40

« 595 »

Цитата Kosten (

)

Правильнее будет так:

Код

<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?>