ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Информер Похожие материалы для uCoz

Информер Похожие материалы для uCoz

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

Установка:

Создаем информер в админ панели с параметрами под модуль. Здесь делаем пять материалов и столько же колонок.

[ Каталог файлов · Материалы · Похожие материалы · Материалы: 5 · Колонки: 5 ]

Код

<div class="recvid"><a href="$ENTRY_URL$" title="$TITLE$"><img src="$IMG_URL1$" alt="$TITLE$">
<div class="titrel">$TITLE$</div></div>

Потом где вы его будете ставить.

Код

<div class="recom">
$MYINF_Ваш созданный номер$
</div>

И стили в CSS ставим:

Код

.recom {width: 728px;padding: 3px;border: solid 1px #3E3E3E;background: #1F1F1F;border-radius: 7px;}
.recom p {background: #FFFFFF;border-radius: 3px;border: solid #B1B1B1 2px;color: #4C4C4C;}
.recvid {width: 137px;border: solid 1px #2F2F2F;border-radius: 3px;background: #151515;margin: 3px;}
.recom img {width: 125px;height: 140px;padding: 5px;}
.titrel {font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background: #020202; padding: 3px; border-radius: 3px;margin: 3px; font-weight: bold;}
.recvid:hover {box-shadow: 0 0 15px rgba(122, 122, 122, 0.34);}

Здесь и завершается установка, также есть светлый, по дизайн точно такой же, но мы его сделаем на случайный материал.

Установка, вся та же, только параметр меняем на такой.

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 5 · Колонки: 5 ]

Здесь все те же коды, как на темном, только вот стили немного изменены по цветовой гамме.

В CSS:

Код

.recom {width: 688px;padding: 3px;border: solid 1px #C5BCBC;background: #D6D4D4;border-radius: 3px;}
.recom p {background: #FFFFFF;border-radius: 3px;border: solid #B1B1B1 2px;color: #4C4C4C;}
.recvid {width: 130px;border: solid 1px #B9B9B9;border-radius: 3px;background: #DFDFDF;margin: 3px;}
.recom img {width: 120px; height: 168px; padding: 5px;}
.titrel {font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #BCBDBD; padding: 3px; border-radius: 3px; margin: 3px; font-weight: bold;}
.recvid:hover {box-shadow: 0 0 15px rgba(122,122,122,0.3);}

Все, возможно кому пригодиться.

16 Февраля 2016 Просмотров: 4087 Комментариев: (23)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 23
Порядок вывода комментариев: Сопрано 16 Февраля 2016 16:42¹ 0 Но любой скрипт при установке нужно настраивать, если он не своего сайта. Но информер тем более, чем он отличается от кода, да ни чем. Так нормально смотрится, но светлый больше понравился, если были на нем какие то эффекты, то другое дело. Kosten 16 Февраля 2016 16:47² 0 На темном есть эффект, сделал его не сильным, это когда наводишь, то светлая тень, если такая есть, появляется и красиво смориться и также видно, что выбрали, на светлом можно также сделать. tsakonter 16 Февраля 2016 16:51³ 0 Не когда не нравились это двоеточие, и понимаю, что без них не как. Просто поисковые боты не могут прочесть полностью, хотя им информер до бороды. Тут главное чтоб пользователю было понятно, можно сделать на 4 изображение и тогда там больше название видно будет. Maryges 16 Февраля 2016 16:57⁴ 0 Вот светлый заберу, не думаю, что то можно еще в него добавить, тут главное чтоб выводил понятно, и хорошо вписался в страницу, плюс, красивый скрипт. AnTron 16 Февраля 2016 17:05⁵ 0 Что то в первые его вижу, больше всего адаптация, но если хорошо смотрится и подходит, то не вижу не каких причин не ставить его на сайт. Tergran 16 Февраля 2016 17:14⁶ 0 Но где вы видели информер, который под uCoz сделан, да, есть такие, но они видать уникальные, как и слайдер и информер, стараются делать на них адаптацию, и нормально. csretven 16 Февраля 2016 17:30⁷ 0 Информеры явно только под кино сайт сделаны, просто не могу представить, что можно еще в них показать, на на кино они в самый раз подойдут. Сафрон 16 Февраля 2016 17:38⁸ 0 Но могу понять на этом сайте еще, и то сделано из всего 3 рамки, но на других как налепят, что и не понять, и здесь мне кажется, что пять, это слишком узок будет и придется на 4 переводить. Только понять не могу, почему 5 колонок, должна одна быть. ucozmental 16 Февраля 2016 17:40⁹ 0 Сделал на 5, но пучилось почему то одна, но видать так скрипт настроен, больше не чего не могу понять, по установке, но зато нормально выводить и не кривит изображение. Kosten 16 Февраля 2016 19:20¹⁰ 0 Но не знаю почему, если делаешь на один как нужно, то как помню, но могу ошибаться, по вертикале идет, но так нормально а точнее как нужно, так как кино щаблон настраиваю и все проверенно.
1 2 »