Темный вид материалов для uCoz

Темный вид материалов для uCoz

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

Дизайн выполнен в темных тонах и подойдет такой вид к темному сайту.

Названия материала находиться вверху над постером и описанием.

Имеет свой стиль.

Можно адаптировать под модули: Новости сайта, Статей. Но прямое предназначение это модуль каталог файлов.

Установка вида материалов:

Нужно прописать стили css, идем в управление стилем и в самый низ ставим это:

 .vid_materialov {
background:url (http://ucozmafia.ru/polzv/dg/10878338.png) repeat-y 0 0;
margin-bottom:5px;
}

.vid_mat_bg {
background:url (http://ucozmafia.ru/polzv/dg/14313164.png) repeat-y right 0;
min-height:60px;
}

.vid_mat_title {
background:url (http://ucozmafia.ru/polzv/dg/75207251.png) no-repeat 0 0;
height:44px;
line-height:40px;
padding-left:8px;
}

.vid_mat_title_r {
background:url (http://ucozmafia.ru/polzv/dg/75207251.png) no-repeat right -45px;
height:44px;
}

.vid_mater_bot {
background:url (http://ucozmafia.ru/polzv/dg/72402050.png) no-repeat 0 0;
height:24px;
}

.vid_mater_bot_r {
background:url (http://ucozmafia.ru/polzv/dg/72402050.png) no-repeat right -25px;
height:24px;
line-height:27px;
padding-left:5px;
font-family:Tahoma;
font-size:11px;
color:#b7b7b7;
}

.vid_mater_bot_r a {
font-family:Tahoma;
font-size:11px;
color:#b7b7b7;
}

.vid_mat_title_r a,
.vid_mat_title_r {
font-family:Tahoma;
font-size:11px;
color:#b7b7b7;
font-weight:bold;
}

.vid_mater_cont {
overflow:hidden;
padding:4px 0 9px 8px;
}

.vid_mater_cont .mess_l {
float:left;
width:132px;
height:132px;
}

.vid_mater_cont .mess_l img {
width:132px;
height:132px;
— moz-border-radius:5px;
— webkit-border-top-right-radius:5px;
— webkit-border-top-left-radius:5px;
— webkit-border-bottom-right-radius:5px;
— webkit-border-bottom-left-radius:5px;
— khtml-border-radius:5px;
border-radius:5px;
border:4px solid #313132;
}

.vid_mater_cont .mess_r {
overflow:hidden;
padding:0 5px 0 13px;
color:#b7b7b7;
font-family:Tahoma;
}

И последнее, заменяем стандартный вид материала, новым, таким вот кодом.

<div>
<div>

<div>
<div>
<div style="float:right;padding:15px 7px 0 0;"><div><?$RSTARS$('12',' http://ucozmafia.ru/polzv/dg/97241061.png','0','float')?> </div></div>
<a href="$ENTRY_URL$">$TITLE$</a> <?if ($MODER_PANEL$)?>$MODER_PANEL$<?endif?>
</div>
</div>

<div>
<div><?if ($IMG_URL1$)?><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" onclick="return hs.expand (this)"><img src="$IMG_URL1$" alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid #363636;"></a><?endif?></div>
<div>
$MESSAGE$
</div>
</div>
<div><div>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Просмотров: $READS$ | Добавлено: <span title="$TIME$">$DATE$</span><?if ($COMMENTS_URL$)?> <a href="$COMMENTS_URL$"> | Комментариев: ($COMMENTS_NUM$)</a><?endif?></div></div></div>