• Страница 1 из 1
  • 1
Темный информер похожие материалы для сайта uCoz
Kosten
Понедельник, 28 Марта 2016, 22:04 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Это отличный темный информер, который можно настроить как вам нужно, но стоит он под похожие материалы. Основном ставят на кино онлайн тематику, так отлично он вписывается и с ним идут стили. Просто он изначально был чисто светлый по гамме цвета. Но не чего через фотошоп не красил и только в CSS настроен. Так что если у вас на сайте оттенок другой, то вы можете быстро выстроить цветовую композицию, ту которая вам нудна.



Установка:

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

[ Каталог файлов · Материалы · Похожие материалы · Материалы: 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);}
Прикрепления: 2583433.png (222.8 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: