Всем привет!!! И так, есть такие шаблоны, где нет страницы вида материалов.… Или сверстан криво. А может вообще не нравиться вам такой вид материалов на ucoz.

И эта проблема решается простым действием, то есть заменяем стандартный нтмл код на тот, который представлен чуть ниже.… А пока что смотрим скрин и особенности. Думаем, подходит ли этот вид материалов к вашему дизайну?

Вид материала в 3 колонки для кино сайтов

Вид материала в 3 колонки для кино сайтов

 

Ах да, чуть не забыл, сразу же скажу, что вид материалов имеет стили css .

Особенности вида материалов в три колонки…

Особенностей таковых суперских нет, за исключением, что вид материалов, возможно, встроить на кино портал с фильмами.

Сам вид материалов имеет верстку в три колонки по горизонтали, а вот по вертикали выбираем сами, сколько блоков хотим видеть (настраиваем в самом модуле) только цифры должны быть (3 6 9 12 15 и т.д. ,чтоб не кривил шаблон).

Названия материала находиться сверху постера. В нижней части рейтинг и счетчик.

Красивый вид материалов для ucoz подойдет на кино сайт...

Установка вида материалов в каталог файлов…

 

В вид материалов заменяем старый код на этот:

 

 <div style="width:33%;float:left;">

<table align="center" cellpadding="0" cellspacing="0" width="100%">
<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>
</div> <div> <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;}

/*=============*/

 

Возникли вопросы пишите в комментариях!!!