« Информер "Также рекомендуем посмотреть" для uCoz »

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

Простой, широкий информер "Также рекомендуем посмотреть" для сайтов в системе uCoz. Информер работает в случайном порядке и подойдет под модули - Новости, Блог, Каталог статей и Каталог файлов. Устанавливается информер на страницу материала и комментариев к нему. Так же информер показывает дату и количество просмотров, а при наведение курсором на название материала он покажет изображение.

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

Код
<li>  
<div class="menu_n">  
<a href="$ENTRY_URL$" class="drop">$TITLE$</a>  
<div class="dd_menu">  
<span class="dd_ugol1"></span>  
<div class="dd_menu_os">  
<?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?><?endif?>  
</div>  
</div>  
</div>  
<span class="inews_data">$DATE$ | <strong>Просмотров: $READS$</strong></span>  
</li>

3. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код:
Код
/* Информер Также рекомендуем посмотреть для uCoz */  
  #news_top {  
  width:800px;  
  margin: 10px;
  }

  #news_top ul {  
  margin: 5px 0px 0px 0px;  
  padding:0;  
  }  

  #news_top li {  
  border-top: 1px solid #D6D6D6;  
  padding: 5px 0px 5px 0px;  
  }  

  .menu_n {  
  float:left;  
  display:block;  
  position:relative;  
  }  

  .dd_ugol1,  
  .dd_menu {  
  width:252px;  
  }  

  .dd_menu {  
  float:left;  
  padding:2px;  
  left:-999em;  
  z-index:998;  
  background:#777;  
  margin:0px auto;  
  position:absolute;  
  -moz-border-radius:5px 5px 5px ;  
  -webkit-border-radius:5px 5px 5px ;  
  border-radius:5px 5px 5px ;  
  box-shadow: 0px 0px 3px #999;  
  }  
   
  .menu_n:hover .dd_menu{  
  right:auto;  
  left:0px;  
  bottom:25px;  
  }  

  .dd_ugol1 {  
  height:25px;  
  float:left;  
  position:absolute;  
  bottom:-9px;  
  background:url(/img_infor/bottom.png) no-repeat;  
  background-position: center bottom;  
  }  

  .dd_menu_os {  
  margin:0;  
  padding:0;  
  width:250px;  
  height:100px;  
  overflow:hidden;
  background: #fff;
  border: 1px solid #666;  
  }  

  .inews_data {  
  color:#999;  
  float:right;  
  }  

  #nt_title {  
  color:#393939;  
  }
/* InternetEmpire.Ru */

4. Заходим в ПУ - Управление дизайном - выбираем модуль - Страница материала и комментариев к нему и туда где хотите видеть информер, ставим данный код:
Код
<div id="news_top">  
<div id="nt_title"><strong>Также рекомендуем посмотреть:</strong></div>  
<ul>$MYINF_X$</ul>  
</div>

5. Находим в выше указанном коде $MYINF_X$ и заменяем X на номер своего информера.

Готово!


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

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

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

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


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


Поделиться в соц. сетях:
Комментариев к материалу: 2
Александр 01.03.2016 в 17:43Спам
А можно добавить больше материалов, и это не скажется на работоспособности информера?
1
Виктор Ягодин 01.03.2016 в 18:26
Думаю, что будет все нормально) Если Вы захотите попробовать, отпишитесь тут)
0
avatar