Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: 23a3sdasdasd322
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
6
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Простенький вид новостей под светлый дизайн
Дата: Суббота, 27.01.2018, 19:20 | Сообщение # 1
Admiral
Пользователи
25Сообщения:
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>


Установка завершена спасибо за внимание)
  • Страница 1 из 1
  • 1
Поиск: