MIR-Devil

Добро пожаловать на наш сайт MIR-DEVIL.RU на котором вы сможете найти различные графические материалы для оформления. В нашей коллекции есть материалы для начинающих и продвинутых дизайнеров различные элементы, шрифты, лайтрумы и т.п а так же для людей которые не занимаются графическим дизайном у нас есть готовые работы различных дизайнеров которые они смогут без особых познаний использовать в своих целях.

Наш Файловый архих не столь большой но с каждым днем он пополняеться качественными работами которые готовы к использованию.
Страница 1 из 11
Форум » Уголок Web Мастера » Скрипты » Новости сайта » Простенький вид новостей под светлый дизайн (Простенький вид новостей под светлый дизайн)
Простенький вид новостей под светлый дизайн
Дата: Суббота, 27.01.2018, 19:20 | Сообщение # 1
Admiral
Пользователи
25Сообщения:
0
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


Небольшое описание

Шаблон вида новостей под светлый дизайн сайта с плавным увеличением картинки новости! Скрипт написан чистым 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>


Установка завершена спасибо за внимание)
Форум » Уголок Web Мастера » Скрипты » Новости сайта » Простенький вид новостей под светлый дизайн (Простенький вид новостей под светлый дизайн)
Страница 1 из 11
Поиск: