Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Информеры для uCoz » Информер с движением информации
Информер с движением информации
Torres_1_Дата: Пятница, 24.06.2011, 16:47 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Информер с движением информации

Шаг-1 js:
Так как в uCoz уже вшита библиотека jQuery, нам не понадобиться её устанавливать, поэтому установим основной скрипт после тега , который отвечает за плавное исчезновение первой новости контейнера.
JS

Код
<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; - сколько должно пройти времени, перед исчезновением сообщения
Шаг-2 html:
Заходим в админ панель сайта => Инструменты => Информеры => Создать информер
Раздел: Комментарии
Модуль: Все модули
Количество материалов: 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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/informers/432no_avatar_dli_kommentov.jpg" alt="no" /><?endif?><a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>   
   </li>

Теперь там где хотите видеть последние комментария, устанавливаем сам информер, который поместим в ячейку списков:
HTML-Code
Код
<ul id="center_dm_ru">   
    $MYINF_1$   
    </ul>

Шаг-3 CSS:
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);   
   }

Как мы видим из кода, мы прописали основные атрибуты нашим спискам, хочу заметить, что вам осталось лишь подогнать под ваш сайт, ширину и высоту основной ячейки
 
Форум » Всё для Ucoz » Информеры для uCoz » Информер с движением информации
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ваша операционная система:
javascript:; javascript:;
Всего ответов: 147

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.