VSEpodrad.ru

<div class='news-block'>  
<div class='inclear'><a href='$ENTRY_URL$' class='title'><span class='title-left'><span class='title-right'><strong> $TITLE$</strong></span></span></a></div><div style='float:right'></div>  
<div class='widthfix'><table class='news-details'>  
<tr><td class='screenshot-td' rowspan="4"><a href="$IMG_URL1$" onclick="return hs.expand(this, {captionId: 'caption1'})"><img style='margin-right:5px;width:130px;height:60px;cursor:pointer' src='$IMG_URL1$' alt='' /></a></td><td class='details-td'><strong>Название:</strong> <a href='$ENTRY_URL$'>$TITLE$</a></td></tr>  
<tr><td class='details-td'><strong>Категория:</strong> $CATEGORY_NAME$</td></tr>  
<tr><td class='details-td'><strong>Автор:</strong> $USERNAME$</td></tr>  
<tr><td class='details-td'><strong>Дата:</strong> $DATE$</td></tr>  
</table></div>  
<div class='news-footer'><div class='nf-left'><div class='nf-right'><div class='nf-content'>  
<a class='further' href='$ENTRY_URL$'>Подробнее</a><span class='reads'>Просмотров: $READS$</span>|<span class='comments'>Комментариев: $COMMENTS_NUM$</span>  
</div></div></div></div>  
</div>

.news-block{border-top:1px solid #E2E2E2;padding:10px 0;position:relative;}
.news-block .title{cursor:pointer;background:url('/img/titles.gif') 0 -18px;color:#FFFFFF !important;font-weight:700;float:left;display:inline;}
.news-block .title .title-left{background:url('/img/titles.gif') 0 -54px no-repeat;}
.news-block .title .title-right{padding:0 15px;line-height:18px;height:18px;display:block;white-space:nowrap;background:url('/img/titles.gif') right bottom no-repeat;}
.title:hover{background:url('/img/titles.gif') 0 0;text-decoration:none;}
.title:hover .title-left{background:url('/img/titles.gif') 0 -36px no-repeat;}
.title:hover .title-right{background:url('/img/titles.gif') 100% -72px no-repeat;}
.inclear {height:18px;overflow:hidden;position:relative;left:-15px;}
.news-details{border-collapse:collapse;width:100%;margin-top:10px;border:0;padding:0;}
.news-details td{vertical-align:top;}
.screenshot-td{width:80px;border:0;}
.screenshot-td img{border:1px solid #73BED3;}
.details-td{padding:0;border:1px solid #F2F2F2;border-bottom:0;}
.news-footer{color:#D4EBF1;font-weight:700;background:url('/img/news-block.gif') 0 -46px;position:relative;}
.news-footer a{color:#D4EBF1;font-weight:700;}
.nf-left{background:url('/img/news-block.gif') no-repeat 0 -23px;}
.nf-right{background:url('/img/news-block.gif') no-repeat 100% 0;}
.nf-content {height:21px;line-height:21px;padding:0 30px 0 80px;}
.comments{padding:0 5px 0 23px;background:url('/img/comment.gif') no-repeat left center;}
.reads{padding:0 5px 0 13px;background:url('/img/mouse.gif') no-repeat left center;}
.further{display:block;float:right;cursor:pointer;padding:0 10px;background:url('/img/news-block.gif') 0 -69px;color:#FFFFFF !important;}