Скрипт Последние движущиеся комментарии для uCoz - Скрипты для uCoz - Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи - скрипты, шаблоны, видео уроки, статьи, иконки, кнопки
Пятница, 22.11.2024, 22:20
Приветствую Вас Гость | RSS

Скрипты, Шаблоны, Уроки для uCoz

Главная | Регистрация | Вход
Меню сайта
Категории раздела
Скрипты для uCoz [1038]
Другие скрипты [3]
Программы/Софт [15]
Шаблоны для uCoz [363]
Другие шаблоны [0]
Видео Уроки по uCoz [70]
Иконки для uCoz [16]
Кнопки для uCoz [7]
Статьи по uCoz [1]
Другое [7]
Реклама
Наш опрос
Какой хостинг Вы используете?
Результаты | Архив опросов
Всего ответов: 231
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи

Главная » Файлы » Скрипты для uCoz
Скрипт Последние движущиеся комментарии для uCoz
26.09.2011, 23:04



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

Установка скрипта Последние движущиеся комментарии

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

Ставим следующий код после тега
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.rusfantast.ru/imgg/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 легко настраивается, и вы сможете без труда подогнать, размеры ячеек с комментариями, под свой шаблон сайта.




Скачать Скрипт Последние движущиеся комментарии для uCoz
Зеркало Скрипт Последние движущиеся комментарии для uCoz


Источник:
Категория: Скрипты для uCoz | Добавил: z10y4el | Теги: последние, Скрипт, Комментарии, движущиеся, ucoz, скрипты для ucoz, для
Просмотров: 1194 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Зачекай
Поиск
Скрипты для uCoz
Шаблоны для uCoz
Друзья сайта
  • кино онлайн
  • мониторинг серверов
  • тексты песен
  • MSTS портал
    		•
    Copyright скрипты для ucoz © 2024
    Хостинг от uCoz
    ucoz — это бесплатная система управления сайтом и хостинг для сайтов. ucoz сайты - это просто, удобно и быстро. Здесь вы можете создать бесплатные сайты на любую из интересующих вас тем, домен и хостинг предоставляются также бесплатно. На нашем сайте вы найдете скрипты для ucoz для удобства оформления вашего сайта. Кроме того, мы предлагаем на ваш выбор шаблоны для ucoz по различной тематике и цветовой гамме. Выбор темы для ucoz зависит только от вас. Это могут быть такие дизайны для ucoz, как природа, недвижимость, музыка, игры, транспорт, спорт и многие другие. Также вы можете найти различные виды меню для ucoz, чтобы улучшить внешний вид вашего сайта. Для создания особого стиля вашего сайта и для того, чтобы соответствовать основной тематике, у нас вы можете найти шапки для ucoz. Если у вас возникнут какие-либо трудности в создании сайтов, смотрите видео уроки для ucoz. При необходимости вы можете скачать видео уроки на нашем сайте. Конструктор ucoz, предлагаемый нашим сайтом, позволяет даже новичку создать хороший сайт с большими возможностями. Мы желаем вам успехов в создании сайтов с помощью script.ucoz.lv.