Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 02:52
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты информеры

Информер с плавным обновлением перемещения

Информер с плавным обновлением перемещения Информер, плавным, обновлением, перемещения
Красивый блок, с последними движущимися комментария, новостями, сообщениями, с темами форума для uCoz, фишка скрипта в том, что можно настроить плавное исчезание первого комментария, Тип установки чуть сложноватый но можно справится. Информер с плавным обновлением перемещения
Использовать можно в разных вариациях и модулях, вот к примеру как показано на скриншоте с новостями информер выводящий последние новости или случайные новости

Установка движущиеся комментария для uCoz
Скрипт использует библиотеку jQuery, все знают, что на ucoze уже она установлена, поэтому пропустим этот пункт, и приступим к установке главного скрипта, который отвечает именно за плавное исчезновение первого комментария в блоке.

Ставим следующий код после тега <body>

Code
<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>

var speed = 700; - скорость исчезновение первого сообщения
var pause = 3500; - сколько должно пройти времени, перед исчезновением сообщения

Далее идем в админку и создаем информер со следующими настройками:

Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок: 1

Меняем код стандартного информера на этот:

Code
<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://www.center-dm.ru/site/no_avatar.jpg" alt="no" /><?endif?><a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>
</li>

Теперь в самом шаблоне там где хотите видеть эти последние комментарии, ставим сам информер:
Code
<ul id="center_dm_ru">
  $MYINF_1$
  </ul>

В таблицу CSS стилей вставляем данный код стиля для информера
Code
#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);
}

CSS легко настраивается, и вы сможете без труда подогнать, размеры ячеек с комментариями, под свой шаблон сайта.
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3732 | Комментарии: 3 | Рейтинг: 4.8/5 | |Категория: Скрипты информеры | Добавил: мир | Дата: 01.04.2011 | Скачали: 0 | Теги: перемещения, плавным, информер, обновлением
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 3
3 AViCom   Дата: 16.12.2011  Время: 01:40   [№ 11532]
тоже ни фига не работает!!!

1 riptiliya   Дата: 16.06.2011  Время: 01:15   [№ 9071]
установил все как в инструкции и ждал минуть надцить коменты так и не зашевелелись

2 мир   Дата: 16.06.2011  Время: 11:19   1 [№ 9073]
Значить не все по инструкций, повторите сам процесс заново и правильно.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru