Светлый вид материалов + 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>