« Информеры Новое и Популярное на форуме для uCoz »

Описание материала:

Хорошие и удобные информеры Новое на форуме и Популярное на форуме, для сайтов бесплатного конструктора uCoz. В данном информере 2 колонки, информер подойдет под светлый дизайн сайта. Что из себя представляет информер: Сверху красивый синий градиент и на нем надпись Информеры форума с левой стороны. Снизу с левой стороны расположился информер Новое на форуме, а с правой стороны Популярное на форуме. Информер очень прост в установке.

Установка:
1. Скачиваем с нашего сайта архив
2. Загружаем папку img_forum_inf к себе в корень сайта
3. Заходи ПУ - Информер - Создать информер, создаем с такими параметрами [ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 ] и заменяем данный код шаблона информера на этот:

Код
<li><span class="numf">$REPLIES$</span><a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a></li>

4. Заходи ПУ - Информер - Создать информер, создаем с такими параметрами [ Форум · Материалы · Самые популярные темы · Материалы: 5 · Колонки: 1 ] и заменяем данный код шаблона информера на этот:
Код
<li><span class="numf">$REPLIES$</span><a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a></li>

5. Заходим ПУ - Управление дизайном - Таблица стилей (CSS) и ставим в самый низ код:
Код
/* Информер Новое и Популярное на форуме для uCoz */
.informer { background: url('/img_foum_inf/inf_foruma.png') 0 0 no-repeat, url('/img_foum_inf/bg.png') 0 35px repeat-y; width:585px; height:auto; padding-top:45px; }  
  .informer .tableTitle { font-size:12px; color:#009AD8; text-align:center; }  
  .informer ul { list-style:none; padding:0px; margin:0px 5px; }  
  .informer li { background: url(' ') 7px 12px no-repeat, url('/img_foum_inf/bg_forum.png') 0 0 no-repeat; list-style:none; text-align:left; width:276px; height:26px; overflow:hidden; line-height:26px; }  
  .informer li a { padding-left:15px; color:#121212; text-decoration:none; }  
  .informer li a:hover { color:#009AD8; text-decoration:underline; }  
  .informer .numf { background: url('/img_foum_inf/blue_forum.png') 0px 5px no-repeat; float:right; margin-right:5px; text-align:center; width:51px; height:24px; color:#FFF; font-size:12px; }  
  .informer .infFooter { background: url('/img_foum_inf/footer_forum.png') 0 bottom no-repeat; height:15px; }
/* --------------------------------- */

6. Заходим в ПУ - Управление дизайном и ставим код где хотите видеть данные информеры:
Код
<table class="informer" cellpadding="0" cellspacing="0">  
  <tbody><tr>  
  <td colspan="2" align="center" valign="top">  
  <div class="tableTitle">Новое на форуме</div>  
  <ul>  
  $MYINF_X1$  
  </ul>  
  </td>  

  <td colspan="2" align="center" valign="top">  
  <div class="tableTitle">Популярное на форуме</div>  
  <ul>  
  $MYINF_X2$  
  </ul>  
  </td>  
  </tr>  
  <tr>  
  <td colspan="5" class="infFooter"></td>  
  </tr>  
  </tbody></table>


7. Ищем в коде $MYINF_X1$, где X1 ставим свой номер информера "Новое на форуме", дальше ищем $MYINF_X2$ и заменяем X2 на свой номер информера "Популярное на форуме".

Готова!


Скачать ( Размер архива 5.7 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Информеры для uCoz | Просмотров: 978 | Загрузок: 32


Поделиться в соц. сетях:
Комментариев к материалу: 2
Mikkey Sleger 06.02.2016 в 10:45Спам
Спасибо классный материалчик
0
Виктор Ягодин 06.02.2016 в 15:36
Пожалуйста)
0
avatar