[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Раздвижная информационная панель
CEZARДата: Понедельник, 06.06.2011, 11:11 | Сообщение # 1
Генерал-майор
Группа: Проверенные
Сообщений: 460
Награды: 1
Репутация: 17
Статус: Offline
Скрин: http://i073.radikal.ru/1105/25/132c92393905.png

Скрипт с раздвижной информационной панелью с разделами реклама, файлы, статьи, новости, сервера исключительно только под светлый дизайн! Кому надо под темный обращайтесь сделаю!
Установка:
1. Скачиваем архив и загружаем файлы на сайт в папку css
Скачать: http://www.csomsk.ru/load/0-0-0-1914-20
2. В HTML на главной странице вставляем код:

Код:

Code
<table width="100%" cellspacing="2" cellpadding="3" border="0">  
  <tbody><tr><div class="eTitle" style="text-align:center;">Информационная панель<div></tbody></table>  
  <link type="text/css" rel="StyleSheet" href="/css/CSS_Table_Sin.css">  
  <table width="100%" cellspacing="2" cellpadding="3" border="0">  
  <tbody>  
  <tr>  
  <script type="text/javascript" src="/css/featuredcontentslider.js"></script>  
  </tr><tr><td class="bBlok2">  
  <table width="100%" cellspacing="0" cellpadding="0" border="0">  
  <tbody><tr>  
  <td align="center">  
  <table width="100%" cellspacing="0" cellpadding="0">  
  <tbody><tr>  
  <td class="main-body">  
  <center>  
  <script type="text/javascript">  
  featuredcontentglider.init({  
  gliderid: "canadaprovinces", //ID of main glider container  
  contentclass: "glidecontent", //Shared CSS class name of each glider content  
  togglerid: "p-select", //ID of toggler container  
  remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable  
  selected: 0, //Default selected content index (0=1st)  
  persiststate: false, //Remember last content shown within browser session (true/false)?  
  speed: 1200, //Glide animation duration (in milliseconds)  
  direction: "rightleft", //set direction of glide: "updown", "downup", "leftright", or "rightleft"  
  autorotate: true, //Auto rotate contents (true/false)?  
  autorotateconfig: [3000, 5] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]  
  })  
  </script>  
  <div id="p-select" class="glidecontenttoggler">  
  <a class="toc selected" href="#" pagenumber="0pg"><font color="#5d5d5d">Реклама</font></a>  
  <a class="toc" href="#" pagenumber="2pg"><font color="#5d5d5d">Файлы</font></a>  
  <a class="toc" href="#" pagenumber="4pg"><font color="#5d5d5d">Статьи</font></a>  
  <a class="toc" href="#" pagenumber="5pg"><font color="#5d5d5d">Новости</font></a>  
  <a class="toc" href="#" pagenumber="8pg"><font color="#5d5d5d">Сервера</font></a>  
  </div>  
  <div id="canadaprovinces" class="glidecontentwrapper">  
  <!-- Реклама -->  
  <div class="glidecontent">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tbody><tr>  
  <td width="100%" style="border:1px solid #5d5d5d;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius: 2px;background-color: #ffffff;"><center><b><font color="#5d5d5d"><div class="text">Реклама</div></font></b></center></td>  
  </tr>  
  <tr><td class="bBlok3">  
  <center><br>  
  <a href="/"><img border="0" src="Ссылка на баннер" alt="Описание" width="468" height="60"></a><br><br>  

  <a href="/"><img border="0" src="Ссылка на баннер" alt="Описание" width="468" height="60"></a><br><br>  
  </center>  
  </td>  
  </tr>  
  </tbody></table></div>  
  <!-- /Реклама -->  
  <!-- Файлы -->  
  <div class="glidecontent">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tbody><tr>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius:2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Кол-во скачиваний</div></font></b></center></td>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius:0px 2px 2px 0px;border-radius: 0px 4px 4px 0px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Дата добавления</div></font></b></center></td>  
  </tr>  
  <tr>  
  <td class="bBlok3">  
  $MYINF_7$  
  </td>  
  <td class="bBlok3">  
  <center>  
  $MYINF_8$  
  </center>  
  </td>  
  </tr>  
  </tbody></table></div>  
  <!-- /Файлы -->  
  <!-- Статьи -->  
  <div class="glidecontent">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tbody><tr>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius:2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Новые статьи</div></font></b></center></td>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius:0px 2px 2px 0px;border-radius: 0px 4px 4px 0px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Популярные статьи</div></font></b></center></td>  
  </tr>  
  <tr>  
  <td class="bBlok3">  
  $MYINF_40$  
  </td>  
  <td class="bBlok3">  
  $MYINF_39$  
  </td>  
  </tr>  
  </tbody></table>  
  </div>  
  <!-- /Статьи -->  
  <!-- Новости -->  
  <div class="glidecontent">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tbody><tr>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius:2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Новые новости</div></font></b></center></td>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius:0px 2px 2px 0px;border-radius: 0px 4px 4px 0px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Популярные новости</div></font></b></center></td>  
  </tr>  
  <tr>  
  <td class="bBlok3">  
  $MYINF_42$  
  </td>  
  <td class="bBlok3">  
  $MYINF_41$  
  </td>  
  </tr>  
  </tbody></table>  
  </div>  
  <!-- /Новости --  
  <!-- Сервера -->  
  <div class="glidecontent">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tbody><tr>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius:2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Новые сервера</div></font></b></center></td>  
  <td style="border:1px solid #5d5d5d;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius:0px 2px 2px 0px;border-radius: 0px 4px 4px 0px;background-color: #ffffff;">  
  <center><b><font color="#5d5d5d"><div class="text">Популярные сервера</div></font></b></center></td>  
  </tr>  
  <tr>  
  <td class="bBlok3">  
  $MYINF_53$  
  </td>  
  <td class="bBlok3">  
  $MYINF_52$  
  </td>  
  </tr>  
  </tbody></table>  
  </div>  
  <!-- /Сервера -->  
  </center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>  
  <script type="text/javascript">  
  $("body.main").attr("onUnload", "$(\'#preloader\').fadeIn(\'1000\');");  
  $('#preloader').fadeOut('1000');  
  </script>


3. Теперь нужно создать 8 информеров:
1. Популярные новости:
[ Новости сайта · Материалы · Количество просмотров D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем код:

Код:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><img alt="" src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif"> <a href="$ENTRY_URL$">$TITLE$</a></td><td style="" align="right" nowrap="nowrap"><?if($DATE$)?>[ <span style="font-weight: 700;">Посмотрели $READS$ раз</span> ]<?endif?></td></tr></tbody></table>


2. Новые новости:
[ Новости сайта · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Код:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><img alt="" src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif"> <a href="$ENTRY_URL$">$TITLE$</a></td><td style="" align="right" nowrap="nowrap"><?if($DATE$)?>[ <span style="font-weight: 700;">Добавлен $DATE$</span> ]<?endif?></td></tr></tbody></table>  

3. Популярные статьи:
[ Каталог статей · Материалы · Количество просмотров D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Код:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><img alt="" src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif"> <a href="$ENTRY_URL$">$TITLE$</a></td><td style="" align="right" nowrap="nowrap"><?if($READS$)?>[ <span style="font-weight: 700;">Посмотрели $READS$ раз</span> ]<?endif?></td></tr></tbody></table>  

4. Новые статьи:
[ Каталог статей · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Код:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><img alt="" src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif"> <a href="$ENTRY_URL$">$TITLE$</a></td><td style="" align="right" nowrap="nowrap"><?if($DATE$)?>[ <span style="font-weight: 700;">Добавлен $DATE$</span> ]<?endif?></td></tr></tbody></table>


5. Популярные файлы:
[ Каталог файлов · Материалы · Количество загрузок D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Код:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><a href="$ENTRY_URL$"><img src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif" alt="" border="0"> $TITLE$</a></td><td style="" align="right" nowrap="nowrap">[ <span style="font-weight: 700;">Скачали $LOADS$<a href="$CATEGORY_URL$"></a> раз</span> ]</td></tr></tbody></table>


6. Новые файлы:
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><a href="$ENTRY_URL$"><img src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif" alt="" border="0"> $TITLE$</a></td><td style="" align="right" nowrap="nowrap">[ <span style="font-weight: 700;">Добавлен $DATE$</span> ]</td></tr></tbody></table>


7. Популярные сервера:
[ Блог · Материалы · Рейтинг материала D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><a href="$ENTRY_URL$"><img src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif" alt="" border="0"> $TITLE$</a></td><td style="" align="right" nowrap="nowrap">[ <span style="font-weight: 700;">Рейтинг $RATING$ [$RATED$] раз`(а)</span> ]</td></tr></tbody></table>


8. Новые сервера:
[ Блог · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 · Длина заголовка: 10 ]
В шаблон информера вставляем:

Code
<table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td colspan="2"><img alt="" src="http://s014.radikal.ru/i326/1105/c4/9a273cf3d446.gif"><a href="$ENTRY_URL$"> $TITLE$</a></td><td style="" align="right"><?if($DATE$)?>[ <span style="font-weight: 700;">Добавлен $DATE$</span> ]<?endif?></td></tr></tbody></table>


Где MYINF_X = Меняем на свой информер!!!
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright life-ucoz.my1.ri ©Life-uCoz.my1.ru
Бесплатный конструктор сайтовuCoz