Главная » Файлы » Скрипты для uCoz » Скрипты для новостей сайта

Светлый вид материалов + PSD
[ · Скриншот ] 19.01.2012, 06:24
Представляю Вашему вниманию еще один вариант вида материалов для сайтов системы 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>


Категория: Скрипты для новостей сайта | Добавил: kevin | Теги: скрипт, Светлый вид материалов + PSD, ucoz, красивый, игровой, простой, светлый
Просмотров: 1191 | Загрузок: 0 | Рейтинг: 3.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]