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 Просмотров: 3942 Комментариев: (23)

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

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

Kosten

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

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

Комментарии: 23
Порядок вывода комментариев: Nikas 16 Февраля 2016 21:26¹¹ 0 плохо что из информера Tergran 18 Февраля 2016 20:35¹² 0 Почему вы считаете что информер и через него не очень. CEREBRUM 06 Мая 2016 01:27¹³ 0 Очень хорошо сделанно спасибо Kosten 06 Мая 2016 01:33¹⁴ 0 Zismo-vk, вы в светлом поставили или темный, то так то он светлый шел, но пришлось под темный дизайн его красить. CEREBRUM 06 Мая 2016 02:35¹⁵ 0 Пока что ни какой возьму сегодня поставлю и скажу! CEREBRUM 06 Мая 2016 22:50¹⁶ 0 Цитата Kosten Zismo-vk, вы в светлом поставили или темный, то так то он светлый шел, но пришлось под темный дизайн его красить. Вот смотри здесь Просмотыр Kosten 06 Мая 2016 23:07¹⁷ 0 Нормально смотрится, только немного влево ушел, ели по центру сделать, или сами окна немного больше сделать, чтоб с двух сторон было правильно, хотя не сильно заметно. CEREBRUM 06 Мая 2016 23:10¹⁸ 0 сейчас попробую Kosten 06 Мая 2016 23:47¹⁹ 0 Это не ошибка, это просто визуально заметно, так все работает как нужно. elaim 06 Декабря 2017 00:19²⁰ 0 "[ Каталог файлов · Материалы · Похожие материалы · Материалы: 5 · Колонки: 5 ] " · Похожие материалы - нет такой позиции! Kosten 06 Декабря 2017 00:37²¹ +1 Можно сделать через похожие материалы, что по тегам работать инфориер будет. Но это функция отдельно идет, что ниже скрин предоставлен. Но также в случайном порядке вывести можно что многие делают. В похожие материалы основном на кино сайт идут. Kosten 06 Декабря 2017 00:41²² +1 Как можно настроить на похожие материалы, то в статье все описано, как они сразу как функция появились, что ставил на кино сайт, но нужны теги, а срабатывало на смола смотреть онлайн, но здесь изначально правильно теги к материалу нужно выставлять, а точнее одно название, ключевые слова. Перейти на статью похожие материалы: elaim 06 Декабря 2017 01:08²³ 0 Спасибо! Попробую.
« 1 2