Понедельник, 19.11.2018, 21:04
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
mytorrento
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » ИНФОРМЕРЫ УКОЗ

Информер последних комментариев укоз

Информер последних комментариев укоз
Вот теперь приступим к установке.
Для начала установим стили CSS:
Код
#lastcomment {  
width:250px; /*-Размеры нужно поменять на свои-*/  
height: 160px; /*-Не желательно трогать (влияет на количество комментариев)-*/  
overflow: hidden;  
}  

#lastcomment li {  
display:inline-block;  
list-style:none;  
width:230px; /*-так же поменять на свои (пропорционально #lastcomment - на 20px меньше)-*/  
height: auto;  
border: 1px dotted #444;  
padding: 5px;  
margin: 0px 5px;  
font-style: italic;  
font-size: 12px;  
}  

#lastcomment img.ava {  
  float: left;  
  height: 32px;  
  width: 32px;  
  margin-right: 10px;  
}


Теперь заходим в "информеры" и создаем новый информер с параметрами:

Название информера: На ваше усмотрение
Раздел: Комментарии
Модуль: По вашему желанию (Если нужно со всех, то - выбираем "Все модули")
Количество материалов: По вашему желанию ( лучше от 10 до 30 )
Количество колонок: Обязательно 1
Максимальная длина текста комментария: Не важно, но лучше ограничить примерно до 200.

Отлично, теперь открываем шаблон информера и вставляем вот такой код:
Код
<li>  
<img src="$USER_AVATAR_URL$" class="ava"/>  
<a href="$PROFILE_URL$" title="Перейти к профилю пользователя">$USERNAME$</a> : $MESSAGE$</li>


Теперь нужно добавить не большой код JS перед закрывающимся тегом body (желательно зайти: Управление дизайном » нижняя часть сайта.) и добавить вот такой код:

Код
<script type="text/javascript">  
function tick(){  
$('#lastcomment li:first').slideUp( function () { $(this).appendTo($('#lastcomment')).slideDown(); });  
}  
setInterval(function(){ tick () }, 3000);  
});  
</script>


Теперь осталось вывести информер.

Для этого нужно скопировать его код, у меня это - $MYINF_1$ у вас может быть другой.

И вставляйте там где вы его хотите видеть (желательно в Первый контейнер или во второй, смотря какой дизайн)
Перед вставкой нужно обвести его в див:
Код
<div id="lastcomment">$MYINF_1$</div>

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

Похожие материалы:

Категория: ИНФОРМЕРЫ УКОЗ | Добавил: Sofacker | Теги: ИНФОРМЕРЫ УКОЗ, последних, укоз, информер, комментариев
Просмотров: 609 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Все смайлы
Код *: