[blue]Скрин:
[/blue]
Простой и красивый вид новостей для вашего сайта. Ничего лишнего, только необходимая информация. Код максимально простой. Можно откорректировать его под себя
Код
<div class="view-news">
<span class="view-news-moder">$MODER_PANEL$</span>
<div class="view-news-img"><?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" width="385" height="200" alt="" /></a><?else?><img src="https://youscripts.at.ua/img/logo_v3.png" border="0"><?endif?></div>
<h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
<p><?if(len($MESSAGE$)>220)?><?substr($MESSAGE$,0,220)?>...<?else?>$MESSAGE$<?endif?></p>
<span class="view-news-statistics" style="font-size: 8pt;">
<img src="https://youscripts.at.ua/icon/new/prosmotr.png" alt="просмотров"> $READS$ |
<img src="https://youscripts.at.ua/icon/new/coment.png" alt="комментарии"> $COMMENTS_NUM$ |
<img src="https://youscripts.at.ua/icon/new/stats.png" alt="рейтинг"> $RATING$ ($RATED$)
</span>
<a class="read-more" href="$ENTRY_URL$">Читать дальше</a>
</div>
<link href='https://youscripts.at.ua/css/news.css' rel='stylesheet' type='text/css'>
CSS стиль
Код
.view-news{float:left;width:101%;overflow:hidden;position:relative;background:#fff;margin:0 0 15px 0;border:1px solid #b6c0cd;border-radius:5px}
.view-news a{text-decoration:none;outline:0}
.view-news-img img{width:95%;height:218px;margin:0 0 7px 0;border-radius:5px 5px 0 0}
.view-news h2{float:left;width:95%;padding-bottom:5px;margin:0 15px 10px 15px;border-bottom:1px solid #d6d6d6;font:125% Verdana,Arial,Helvetica,sans-serif;font-weight:700}
.view-news p{float:left;width:95%;padding-bottom:10px;margin:0 15px 10px 15px;border-bottom:1px solid #d6d6d6;font:115%/1.5 Verdana,Arial,Helvetica,sans-serif;text-align:justify}
.view-news-statistics{float:left;margin:0 0 10px 15px;font:5px Verdana,Arial,Helvetica,sans-serif;color:#999}
.read-more{float:right;font-weight:700;margin:0 15px 10px 0}
.view-news-moder{float:left;position:absolute;top:0;right:0;padding:15px;background:#fff}
