Суббота, 20.04.2024, 15:32
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

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

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Информеры для 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>

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

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

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

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