Светлый вид материалов + PSD



Разработчик: неизвестен

Представляю Вашему вниманию еще один вариант вида материалов для сайтов системы uCoz в светлых тонах. Данный вид выполнен очень просто и непритягательно, скрин находится в левой части, а описание в правой части новости, все остально аккуратно распологается в одной строчке в низу. Вид материалов подобного исполнения очень удобен, мало грузит страницу и нравится пользователям.

В архиве Вы найдете: папку vidimages (с картинками)

Установка:
1) «Залить» папку vidimages в корень своего сайта (файловый менеджер)
2) Txt. Css вставить в css своего сайта
3) Txt. В вид материалов вставить в вид материалов своего сайта

CSS:
Code
.link-top-bg {
background:url(/vidimages/link-top-bg.png) repeat-x;
height:14px
}
.link-top-raiting {
background:url(/vidimages/link-top-raiting.png) no-repeat;
width:81px;
height:13px;
float:right;
margin:-4px 10px 0 0;
padding:3px 25px 0 0
}
.link-top-text {
float:left;
margin-left:10px;
font-family:Tahoma;
font-size:8px;
color:#fffefe
}
.link-strelka {
background:url(/vidimages/link-strleka.png) no-repeat;
width:7px;
height:14px;
float:left
}
.link-top-pyt {
float:left;
padding:0 0 0 5px
}
.news-title {
background:url(/vidimages/name-title-bg.png) repeat-x;
height:22px
}
.news-title-l {
background:url(/vidimages/name-title-l.png) no-repeat left;
height:19px;
color:#020202;
font-size:12px;
font-family:Franklin Gothic Medium Cond;
padding:3px 0 0 10px;
text-align:left
}
.news-title-l a {
text-decoration:none;
color:#020202;
}
.news-content {
background:#fff;
padding:10px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:12px;
color:#000;height:auto
}
.news-content a {
text-decoration:none;
color:#ffaa00 !important
}
.news-content img{
margin:2px 5px !important
}
.news-bottom {
background:url(/vidimages/news-bottom.png) repeat-x;
height:23px;
margin-top:5px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#fdfdfe;
padding:3px 5px 0 5px
}
.news-bottom a {
text-decoration:none;
color:#ffaa00
}
.news-bottom img {
margin:0 3px 0 5px
}
.clear {
clear:both
}
.news-message {
background:#fff
}


В вид материалов:
Code
<br/>
<div class="news-message">
<div class="link-top-bg">
<div class="link-top-text">
<div class="link-strelka"></div>
<div class="link-top-pyt"><?if($CATEGORY_NAME$)?>$CATEGORY_NAME$ »<?endif?> $TITLE$</div>
</div>
<div class="link-top-raiting">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/vidimages/news-raiting.png','0','float')?></div><?endif?>
</div>
</div>
<div class="news-title">
<div class="news-title-l">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<a href="$ENTRY_URL$">$TITLE$</a>
</div>
</div>

<div class="news-content">
$MESSAGE$
</div>
<div class="clear"></div>
<div class="news-bottom">
<div style="float:right">
<a href="$ENTRY_URL$"><img src="/vidimages/news-podrobnosti.png" alt="" title="" /></a>
</div>
<img src="/vidimages/news-author.png" alt="" title="" /> Автор публикации: <a href="$PROFILE_URL$">$USERNAME$</a>
<img src="/vidimages/news-calendar.png" alt="" title="" /> Добавлен: <span title="$TIME$" style="color:#ffaa00">$DATE$</span>
<img src="/vidimages/news-reads.png" alt="" title="" /> Просмотров: <span style="color:#ffaa00">$READS$</span>
</div>
</div>



Категория: Светлые шаблоны | Добавил: GaV | Теги: скрипт, Светлый вид материалов + PSD, красивый, uCoz, игровой, простой, светлый
Просмотров: 719 | Загрузок: 206 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]