butt_head, Вот неплохой
Скрин:
Code
<style type="text/css" media="all">
@import url(http://zornet.ru/scriptucoz/highslide.css);
</style>
<script type='text/javascript' src='http://zornet.ru/scriptucoz/highslide.js'></script>
<script type='text/javascript' src='http://zornet.ru/scriptucoz/include_highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlockcsomsk"><tr><td style="padding:3px;">
<div style="float:right">$MODER_PANEL$</div>
<div class="eTitlecsomsk" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="eMessagecsomsk" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse"><tbody><tr><td style="height: 150px; letter-spacing: 0px; word-spacing: 0px; width: 180px" align="center"><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img src="$IMG_URL1$" alt="" width="150" height="120" alt="$TITLE$"></a></td> <td>$MESSAGE$<br>Категория: <strong>$CATEGORY_NAME$</strong></td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td>
</tr></tbody></table>
</div>
<div class="eAttach">Прикрепления: $ATTACHMENTS$</div><div class="eDetailscsomsk" style="clear:both;">
<div style="float:right"></div>
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |
Просмотров: $READS$ |
Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |
Дата: <span title="$TIME$">$DATE$</span>
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>
</div></td></tr></table>
В CSS:
Code
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
.eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://zornet.ru/scriptucoz/1060.png') ;}
.eTitlecsomsk a:link {text-decoration:none; color:#FFFFFF;}
.eTitlecsomsk a:visited {text-decoration:none; color:#FFFFFF;}
.eTitlecsomsk a:hover {text-decoration:none; color:#CCCCCC;}
.eTitlecsomsk a:active {text-decoration:none; color:#FFFFFF;}
.eBlockcsomsk {background:#fff;border:1px solid #CCCCCC;}
.eBlocksincsomsk {background:#fff;border:0px solid #000;}
.eDetailscsomsk {background:url('http://zornet.ru/scriptucoz/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }
Ну вот ещё один:
Скрин:
Code
<!--viewn_loop--><style>.viewn_loop {margin:0 -6px; background:#f5f5f5 url(http://zornet.ru/zornet_ru/viewn_c_bg.png) repeat-y 0 0;}
.viewn_in {background:url(http://zornet.ru/zornet_ru/viewn_c_bg.png) repeat-y right 0;}
.viewn_top {height:48px; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat 0 0;}
.viewn_t_in {height:35px; line-height:26px; padding:13px 12px 0 15px; overflow:hidden; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat right -48px;}
.viewn_t_in h1,
.viewn_t_in h2,
.viewn_t_in h3,
.viewn_t_in h4 {margin:0; font-size:12px; color:#008ce0; text-shadow:1px 1px 1px #fff;}
.viewn_t_in a {color:#008ce0; text-shadow:1px 1px 1px #fff; text-decoration:none;}
.viewn_t_in a:hover {text-decoration:underline;}
.viewn_rat {float:right;}
.viewn_detail {padding:2px 10px 7px 10px; margin:0 5px; font-size:11px; background:url(http://zornet.ru/zornet_ru/viewn_hr.png) repeat-x 0 bottom;}
.viewn_cont {padding:5px 9px 0 9px; overflow:hidden;}
.viewn_pict {width:146px; float:left; margin:0 5px 0 0; background:url(http://zornet.ru/zornet_ru/viewn_border_bg.png) no-repeat 0 0;}
.viewn_pict span {display:block; padding:3px; overflow:hidden; background:url(http://zornet.ru/zornet_ru/viewn_border_bg.png) no-repeat -146px bottom;}
.viewn_pict img {width:140px; vertical-align:top;}
.viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8;}
.viewn_text {overflow:hidden;}
.viewn_loop .angle_lb {height:10px; display:block; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat 0 -96px;}
.viewn_loop .angle_rb {height:10px; display:block; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat right -106px;}
.viewn_loop .angle_lt {height:10px; display:block; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat 0 -116px;}
.viewn_loop .angle_rt {height:10px; display:block; background:url(http://zornet.ru/zornet_ru/viewn_bg.png) no-repeat right -126px;}
.viewn_banka {padding:5px 0 0 0; text-align:center;}
.viewn_panel {overflow:hidden; padding:0 16px 0 13px;}
.viewn_panel .blue {color:#008ce0;}
.viewn_panel a {color:#006bd4;}
.</style>
<div class="viewn_loop">
<div class="viewn_in">
<div class="viewn_top">
<div class="viewn_t_in">
<div class="viewn_rat"><div style="padding-top:5px"> </div></div>
<h4><a href="$ENTRY_URL$">$TITLE$</a></h4>
</div>
</div>
<div class="viewn_detail">
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |
Просмотров: $READS$ |
Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |
Дата: <span title="$TIME$">$DATE$</span>
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>
</div>
<div class="viewn_cont"><table><tr>
<td width="174px"><div style="background:url(http://zornet.ru/zornet_ru/posterbg.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">
<img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />
<script type="text/javascript">
$(function(){
$('#img$ID$').click(function(){var s="'sc'";
new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});
});
</script>
</div></td>
<td>
$MESSAGE$<br>Категория: <strong>$CATEGORY_NAME$</strong></td></tr></table>
</div>
<i class="angle_lb"><i class="angle_rb"></i></i>
</div>
</div><!--/viewn_loop-->