» »

Информер Похожие материалы для 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);}


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

Информер для uCoz


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

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 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.02.2016 Просмотров: 890 Комментарий: (19)

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

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

Комментарий: 19
Сопрано
Сопрано 16.02.2016 16:421
0
Но любой скрипт при установке нужно настраивать, если он не своего сайта. Но информер тем более, чем он отличается от кода, да ни чем.
Так нормально смотрится, но светлый больше понравился, если были на нем какие то эффекты, то другое дело.
Kosten
Kosten 16.02.2016 16:472
0
На темном есть эффект, сделал его не сильным, это когда наводишь, то светлая тень, если такая есть, появляется и красиво смориться и также видно, что выбрали, на светлом можно также сделать.
tsakonter
tsakonter 16.02.2016 16:513
0
Не когда не нравились это двоеточие, и понимаю, что без них не как. Просто поисковые боты не могут прочесть полностью, хотя им информер до бороды. Тут главное чтоб пользователю было понятно, можно сделать на 4 изображение и тогда там больше название видно будет.
Maryges
Maryges 16.02.2016 16:574
0
Вот светлый заберу, не думаю, что то можно еще в него добавить, тут главное чтоб выводил понятно, и хорошо вписался в страницу, плюс, красивый скрипт.
AnTron
AnTron 16.02.2016 17:055
0
Что то в первые его вижу, больше всего адаптация, но если хорошо смотрится и подходит, то не вижу не каких причин не ставить его на сайт.
Tergran
Tergran 16.02.2016 17:146
0
Но где вы видели информер, который под uCoz сделан, да, есть такие, но они видать уникальные, как и слайдер и информер, стараются делать на них адаптацию, и нормально.
csretven
csretven 16.02.2016 17:307
0
Информеры явно только под кино сайт сделаны, просто не могу представить, что можно еще в них показать, на на кино они в самый раз подойдут.
Сафрон
Сафрон 16.02.2016 17:388
0
Но могу понять на этом сайте еще, и то сделано из всего 3 рамки, но на других как налепят, что и не понять, и здесь мне кажется, что пять, это слишком узок будет и придется на 4 переводить. Только понять не могу, почему 5 колонок, должна одна быть.
ucozmental
ucozmental 16.02.2016 17:409
0
Сделал на 5, но пучилось почему то одна, но видать так скрипт настроен, больше не чего не могу понять, по установке, но зато нормально выводить и не кривит изображение.
Kosten
Kosten 16.02.2016 19:2010
0
Но не знаю почему, если делаешь на один как нужно, то как помню, но могу ошибаться, по вертикале идет, но так нормально а точнее как нужно, так как кино щаблон настраиваю и все проверенно.
Dixes
Dixes 16.02.2016 21:2611
0
плохо что из информера
Tergran
Tergran 18.02.2016 20:3512
0
Почему вы считаете что информер и через него не очень.
Zismo-vk
Zismo-vk 06.05.2016 01:2713
0
Очень хорошо сделанно спасибо
Kosten
Kosten 06.05.2016 01:3314
0
Zismo-vk, вы в светлом поставили или темный, то так то он светлый шел, но пришлось под темный дизайн его красить.
Zismo-vk
Zismo-vk 06.05.2016 02:3515
0
Пока что ни какой возьму сегодня поставлю и скажу!
Zismo-vk
Zismo-vk 06.05.2016 22:5016
0
Цитата Kosten
Zismo-vk, вы в светлом поставили или темный, то так то он светлый шел, но пришлось под темный дизайн его красить.


Вот смотри здесь Просмотыр
Kosten
Kosten 06.05.2016 23:0717
0
Нормально смотрится, только немного влево ушел, ели по центру сделать, или сами окна немного больше сделать, чтоб с двух сторон было правильно, хотя не сильно заметно.

Zismo-vk
Zismo-vk 06.05.2016 23:1018
0
сейчас попробую
Kosten
Kosten 06.05.2016 23:4719
0
Это не ошибка, это просто визуально заметно, так все работает как нужно.
avatar