СКРИН: http://s017.radikal.ru/i410/1111/3c/44cb056bc692.png
Скрипт Светлый вид материалов каталога файлов с увеличением изображения для Ucoz
Установка:
Заходим в ПУ --> Управление дизайном --> Новости сайта --> Вид материалов и заменяем все на:
Код:
<style type="text/css" media="all">
@import url(http://www.csomsk.ru/highslide/highslide.css);
</style>
<script type='text/javascript' src='http://www.csomsk.ru/highslide/highslide.js'></script>
<script type='text/javascript' src='http://www.csomsk.ru/highslide/include_highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';
</script>
<table style="margin-bottom:7px;" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="news_title_v2">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><a class="news_title_v2_link" href="$ENTRY_URL$"><strong>$TITLE$</strong></a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></td>
<td align="right" style="padding-right:5px;"></td></tr></table></td></tr><tr>
<td class="news_content_v2">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="left" width="1%">
<div class="news_screen"><noindex>
<?if($IMG_URL1$)?><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)" id="ld_screen1071" ><img src="$IMG_URL1$" alt="" id="ld_screen1071" alt="$TITLE$"></a><?endif?>
</noindex></div></td>
<td align="left" width="99%">
<div class="news_padding_v2"><div id="news-id-1071" style="display:inline;">$MESSAGE$</div></div>
</td></tr></table></td></tr><tr><td>
<table class="detals_v2" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="left">
<div><?$RSTARS$('17','http://www.csomsk.ru/1-ucoz/news-new/ramka/rating.gif','1','float')?> </div></td>
<td align="right">
<a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a> | Просмотров: <b>$READS$</b> | Дата добавления: <b>$DATE$, $TIME$</b> | Категория: <b>$CATEGORY_NAME$</b>
</td></tr></table></td></tr></table>В CSS вставляем:
Код:
a.news_title_v2_link{color:#7b7b7b;font-weight:bold;}
a.news_title_v2_link:hover{color:#000000;font-weight:bold;}
a.news_title_v2_link:active{color:#262323;}
td.news_title_v2{overflow:hidden;background:#f2f2f2;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:4px;padding-left:6px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;}
.news_content_v2{border-top:0 !important;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:3px;margin-top:2px;margin-bottom:2px;background:#fbfbfb;}
.news_screen{padding:4px;background:#f0f0f0;border:1px solid #ddd;}
.news_screen img{height:90px;width:90px;}
.news_padding_v2{padding-left:7px;padding-bottom:4px;padding-top:4px;padding-right:7px;}
.detals_v2{height:20px;padding:4px;color:#000;background:url('http://www.csomsk.ru/1-ucoz/news-new/ramka/detals_bg.png') repeat-x 0 bottom;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}