Информер последних комментариев для сайтов в системе uCoz
827материалов
228тем на форуме
3003комментария
6151пользователь

Информер последних комментариев для сайтов в системе 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>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.08.2015 в 03:00
Материал просмотрен: 802 раза
Категория материала: Скрипты для uCoz
К материалу оставлен: 1 комментарий

Пожаловаться
Сказать спасибо
Источник

1 комментарий


avatar
Алексей @Augenius Сегодня 18:131
Отличный информер, мне как раз к дизайну мой сайтик (не реклама)
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта