Информер с плавным обновлением комментариев для uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


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

Установка информера:
 
Создаем информер с такими параметрамы:

Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер весь этот код:
Code
 
 <style> 
 #ds-comment {  
  overflow:hidden;  
  height:250px;  
  width:250px;  
  border:solid 1px #C8D9E5;  
  padding: 0px 0px 0px 0px;  
  background: #F8FCFF;  
  }  
  #ds-comment li {  
  list-style:none;  
  overflow:hidden;  
  border-top: 1px solid #fff;  
  border-bottom: 1px solid #C8D9E5;  
  padding: 10px 5px 10px 5px;  
  }  
  .ds-comment-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;  
  }  
  #ds-comment li a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5;  
  opacity: 0.5;  
  filter: alpha(opacity=50);  
  }  
 </style> 
 <li>  
 <a href="$PROFILE_URL$" target="_blank"> 
 <?if($USER_AVATAR_URL$)?> 
 <img class="ds-comment-avatar" src="$USER_AVATAR_URL$" /> 
 <?else?> 
 <img class="ds-comment-avatar" src="http://delaisait.ucoz.ru/img/1/1/1/komments.png" alt="no" /> 
 <?endif?> 
 </a> 
 <a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>  
 </li>  
 <script type="text/javascript">  
  $(document).ready(function(){  
  var first = 0;  
  var speed = 700;  
  var pause = 3500;  
  function removeFirst(){  
  first = $('ul#ds-comment li:first').html();  
  $('ul#ds-comment li:first')  
  .animate({opacity: 0}, speed)  
  .fadeOut('slow', function() {$(this).remove();});  
  addLast(first);  
  }  
  function addLast(first){  
  last = '<li style="display:none">'+first+'</li>';  
  $('ul#ds-comment').append(last)  
  $('ul#ds-comment li:last')  
  .animate({opacity: 1}, speed)  
  .fadeIn('slow')  
  }  
  interval = setInterval(removeFirst, pause);  
  });  
  </script> 
 

Теперь в блок, где будет находиться информер вставляем и заменяем номер информера на Ваш:
Code
 <ul id="ds-comment">  
 $MYINF_9$  
 </ul> 

Важно!

При копировании материала указывать ссылку на источник.

- 404
- 09-Ноября-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта