Кино вид материалов для uCoz
01.05.2017 81 0 SТРАННИК

Кино вид материалов для uCoz

Описание:

Кино вид материал для создание кино сайта, вид материалов пойдет на темных дизайнах также можно использовать на светлых изменив фон. 


Установка:

Вид материалов нужного вам модуля, по стандарту это load:


Код
<div class="col-md-6 col-sm-6">
  <article class="shortstory">
  <div class="shortstory_top">
  <div class="s_poster">
  <a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$ смотреть онлайн бесплатно"></a>
  </div>
  <div class="s_info">
  <h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
  <div class="s_info_body">
  <ul>
  <li>Год: <a href="/search/$AUTHOR_NAME$">$AUTHOR_NAME$</a></li>
  <li>Страна: <a href="/search/$AUTHOR_EMAIL$">$AUTHOR_EMAIL$</a></li>
  <li>Жанр: <a href="/load/$CATEGORY_URL$/">$CATEGORY_NAME$</a></li>
  <li>Режиссер: <a href="/search/$AUTHOR_SITE$">$AUTHOR_SITE$</a></li>
  <li>Дата добавления: $DATE$</li>
  </ul>
  </div>
  </div>
  </div>
  <div class="shortstory_bottom">
$MESSAGE$  
  </div>
  </article>
  </div>


Таблицу стилей CSS самый вниз добавляем:


Код
/* SHORTSTORY
-------------------------------------------------*/
.shortstory {float: left; /*width: 48%;*/ /*margin-right: 15px;*/ background: #161b2c; padding: 1px; position: relative; margin-bottom: 25px;}
.shortstory:nth-child(2n) {margin-right: 0;}
.shortstory_top {position: relative; display: block; clear: both; margin-bottom: 10px;}
.shortstory_top:after {display: table; content: ''; clear: both;}
.shortstory_bottom {background: #263045; border: 1px solid #363e4d; padding:10px 15px;}
.s_poster {float: left; background: #263045; border: 1px solid #363e4d; padding: 5px; width: 135px; margin-right: 15px; height: 195px;}
.s_poster img {display: block; width: 100%; height: 100%;}
.s_info {}
.s_info:after {display: table; content: ''; clear: both;}
.s_info h2 {display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; height: 52px; overflow: hidden; margin-bottom: 12px; padding: 10px 10px 0 0; line-height: 22px;}
.s_info h2 a {display: block; color: #fff}
.s_info_body {overflow: hidden; display: block; position: relative; padding-right: 10px; }
.s_info_body li {
     line-height: 26px;
     padding-left: 10px;
     color: #AAB2BD;
     font-size: 12px;
     overflow: hidden;
     height: 26px;
}
.s_info_body li:nth-child(odd) {background: rgba(39, 52, 80, 0.4);}
.s_info_body li a {color: inherit; text-decoration: underline;transition: all 0.3s ease 0s;}
.s_info_body li a:hover {color: #fff;transition: all 0.3s ease 0s;}


Доработан Turbo-S.uCoz.ru

Вот и всё!

Turbo-S - Если будет вопросы пишите в комментариях, Если нужен помощь по установке тогда создайте тему форуме.
Поблагодарить автора Автор: SТРАННИК
ИсточникМатериал взят с другого сайта
Комментарии (0)
Добавить комментарий
Прокомментировать