Небольшое описание
Шаблон вида новостей под светлый дизайн сайта с плавным увеличением картинки новости! Скрипт написан чистым html кодом без использования css, за счет этого гибкость модернизации шаблона на высоком уровне, как для новичка в стайтостроении так и для ветерана.
Установка:
Заходим, управление дизайном - новости сайта - вид материалов, удаляем все, что там есть и ставим в замен этот код:
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="20px"><img src="http://lxp.3dn.ru/images/viev/t_l_u.png"></td><td colspan="2" background="http://lxp.3dn.ru/images/viev/t_up.png"><img src="http://lxp.3dn.ru/images/viev/t_up.png"></td><td width="20px"><img src="http://lxp.3dn.ru/images/viev/t_r_u.png"></td></tr>
<tr>
<td rowspan="2" background="http://lxp.3dn.ru/images/viev/t_left.png"></td>
<td width="220px" height="200px" bgcolor="#FFFFFF" align="left">
<table border="0" cellpadding="0" cellspacing="0" width="200px" height="200px">
<tr>
<td width="10px"><img src="http://lxp.3dn.ru/images/viev/img/t_img_u_r.png"></td><td height="10px" background="http://lxp.3dn.ru/images/viev/img/t_img_u.png"></td><td width="10px"><img src="http://lxp.3dn.ru/images/viev/img/t_img_u_l.png"></td></tr>
<tr>
<td background="http://lxp.3dn.ru/images/viev/img/t_img_l.png"></td>
<td><?if($IMG_URL1$)?><a href="$IMG_URL1$" class="swf-gallery" title="Изображение к $TITLE$"><img src="$IMG_URL1$" width="180px" height="180px"></a><?else?><a href="http://lxp.3dn.ru/images/noneimg.png" class="swf-gallery" title="НЕТ ИЗОБРАЖЕНИЯ!"><img src="http://lxp.3dn.ru/images/noneimg.png" width="180px" height="180px"><?endif?></td>
<td background="http://lxp.3dn.ru/images/viev/img/t_img_r.png"></td>
</tr>
<td width="10px"><img src="http://lxp.3dn.ru/images/viev/img/t_img_d_l.png"></td><td height="10px" background="http://lxp.3dn.ru/images/viev/img/t_img_d.png"></td><td width="10px"><img src="http://lxp.3dn.ru/images/viev/img/t_img_d_r.png"></td></tr>
</tr>
</table>
</td>
<td bgcolor="#FFFFFF" valign="top">
<Font face="sans-serif" size="6" color="#363636"><a href="$ENTRY_URL$">$TITLE$</a></Font>
<Hr width="350px" align="center">
<Font color="#898989" size="2">Опубликовано: $DATE$, $WDAY$</Font><br>
<Font color="#898989" size="2">Автор новости: $USERNAME$</Font><br>
<Font color="#898989" size="2">Категория: $CATEGORY_NAME$</Font><p>
<Font color="#707070">$MESSAGE$</Font>
<td rowspan="2" background="http://lxp.3dn.ru/images/viev/t_right.png"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="$ENTRY_URL$"><img src="http://lxp.3dn.ru/images/viev/dalee.png"></a></td>
<td bgcolor="#FFFFFF" align="right" valign="top"> $MODER_PANEL$ </td>
</tr>
<tr><td><img src="http://lxp.3dn.ru/images/viev/t_l_d.png"></td><td colspan="2" background="http://lxp.3dn.ru/images/viev/t_down.png"></td><td><img src="http://lxp.3dn.ru/images/viev/t_r_d.png"></td></tr>
</table>
Далее для корректной работы скрипта увеличения картинок нужно вставить следующий код перед тегом </head>, там где Вы хотите чтоб работало увеличение картинок
Код
<link rel="stylesheet" href="http://lxp.3dn.ru/css/highslide.css" />
<script type="text/javascript" src="http://lxp.3dn.ru/js/highslide.js"></script>
<script type="text/javascript" src="http://lxp.3dn.ru/js/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
overlayOpacity: 0.8
}, setupDemos);
</script>
Установка завершена спасибо за внимание)