Кино вид материалов для uCoz
Описание:
Кино вид материал для создание кино сайта, вид материалов пойдет на темных дизайнах также можно использовать на светлых изменив фон.
Установка:
Вид материалов нужного вам модуля, по стандарту это load:
Таблицу стилей CSS самый вниз добавляем:
Доработан Turbo-S.uCoz.ru
Вот и всё!
Turbo-S - Если будет вопросы пишите в комментариях, Если нужен помощь по установке тогда создайте тему форуме.
Кино вид материал для создание кино сайта, вид материалов пойдет на темных дизайнах также можно использовать на светлых изменив фон.
Установка:
Вид материалов нужного вам модуля, по стандарту это 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>
<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;}
-------------------------------------------------*/
.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)