Вид материала в 3 колонки для кино сайтов
Еще один "Вид материалов в 3 колонки" подойдет для сайтов на тему кино онлайн.
Три красивых блока по горизонтали, отображается в центре постер к
фильму, с верху в шапке названия фильма, в нижней части рейтинг в
звездочках и счетчик - количество просмотров.
Установка:
Ниже представленный код добавляем в вид материалов:
Код
<div style="width:33%;float:left;">
<table align="center" cellpadding="0" cellspacing="0" width="100%" class="bk">
<tr id="bk_title"><td><a href="$ENTRY_URL$">$TITLE$</a></td></tr>
<tr><td>
<center>
<a href="$ENTRY_URL$" title="$TITLE$ смотреть онлайн"><img src="$IMG_URL1$" width="210" height="350"></a>
</center>
</td></tr>
<tr><td>
<div class="bkrating">
</div> <div class="bkreads"> <img src="/.s/img/vi/vico-views.png"> Просмотры: $READS$ </div>
</td></tr>
</table>
</div>
В Таблица Стилей (CSS) в самый низ ставим:
Код
/*------- ВИД МАТЕРИАЛОВ ------*/
.bk
{
background-color: #242424;
border:1px solid #787878;
width:237px;
height:353px;
align:center;
border-radius:3px;
box-shadow:0px 0px 15px rgba(0,0,0,0.5);
}
.bk:hover
{
background-color: #424242;
}
#bk_title{height:70px;text-align:center;margin:0;padding:0;}
.bkrating
{
margin-left:14px;
margin-bottom:8px;
width:130px;
}
.bkreads{float:right;margin-right:10px;margin-top:-22px;}
/*=============*/