Темный вид материалов для каталога файлов
Темный вид материалов для каталога файлов.
Можно адаптировать под модули: Новости сайта, Статей.
Красивый темный вид материалов рипнутый с нового дизайна diz-cs :
В шапке расположено само название новости ,постер ,краткое название.
Четыре счетчика расположенные в нижней части вида материалов.
Ник кто добавил новость.
Количество просмотров.
Дата добавления новости.
Количество комментариев.
Установка:
В таблицу стилей вставляем:
Код
.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 class="vid_materialov">
<div class="vid_mat_bg">
<div class="vid_mat_title">
<div class="vid_mat_title_r">
<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 class="vid_mater_cont">
<div class="mess_l"><?if($IMG_URL1$)?><a title="Смотреть
изображение новости $TITLE$" href="$IMG_URL1$" class="highslide"
onclick="return hs.expand(this)"><img src="$IMG_URL1$"
alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid
#363636;"></a><?endif?></div>
<div class="mess_r">
$MESSAGE$
</div>
</div>
<div class="vid_mater_bot"><div class="vid_mater_bot_r">Добавил:
<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>