« Информер "Также рекомендуем посмотреть" для uCoz »
Простой, широкий информер "Также рекомендуем посмотреть" для сайтов в системе uCoz. Информер работает в случайном порядке и подойдет под модули - Новости, Блог, Каталог статей и Каталог файлов. Устанавливается информер на страницу материала и комментариев к нему. Так же информер показывает дату и количество просмотров, а при наведение курсором на название материала он покажет изображение.
Установка:
1. Скачиваем архив с нашего сайта и загружаем папку img_infor в корень своего сайта
2. Заходим в ПУ - Информеры - Создать информер и создаем информер с такими параметрами [ Каталог файлов · Материалы · В случайном порядке · Материалы: 5 · Колонки: 1 · Длина заголовка: 100 ], далее заходим в шаблон информера и заменяем код на этот:
<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) и в самый низ ставим код:
#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="nt_title"><strong>Также рекомендуем посмотреть:</strong></div>
<ul>$MYINF_X$</ul>
</div>
5. Находим в выше указанном коде $MYINF_X$ и заменяем X на номер своего информера.
Готово!
По данной ссылке, Вы можете скачать или купить архив данного материала
Установка материалаМы поможем установить данный материал к Вам на сайт
В 18:26, 01.03.2016 оставил(а) комментарий: