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


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



Статистика
Онлайн всего: 15
Гостей: 14
Пользователей: 1
MaDaRa



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

Информер комментариев автообновляемый

Информер комментариев автообновляемый Информер, комментариев, авто, обновляемый
  • Новый вид с красивым отображением информер для вывода фраз из комментариев с настраиваемым авто обновлением времени движения , его можно изменить под другие функций к примеру выводить новости, или последние темы форума, так же лучшие пользователи, все с фантазией можно подстроить под свои нужны, информер тестировался на сайте ucozon.ru и не формальностей не обнаружено страницу не напрягает можно использовать в любом месте контейнера .
  • Для чего нужен информатор такой и что он выводит?
    Вывод информации с обновление последних комментариев, показывается как текст сообщения с комфортабельностью на адрес материала, так же и вывод аватара размерами 25х25 при клике на который открывается профиль автора комментария.
    Итак приступим к установке в несколько этапов, создание информера, вставка скрипта, и сама установка стиля.
    Установка
  • Создаем информер с такими настройками:
    [ Комментарии · Материалы · Дата добавления материала D · Материалы: 20 · Колонки: 1 · Длина заголовка: 30 ] Внимание длина заголовка может создавать искажение размера ячейки сообщения, по этому длина заголовка: 30 можно изменять если у вас комментарии с смайлами к примеру, так как количество символов считается все символы ссылки на смайл.
  • В созданный информер вставляем сам код вывода материалов в блоке
    Code
    <li style="opacity: 1;"> <a href="$PROFILE_URL$" target="_blank"><img class="coment_avatar" src="$USER_AVATAR_URL$"></a><a class="massage_link" href="$ENTRY_URL$" target="_blank"><b>$NUMBER$</b> $MESSAGE$</a> </li>

  • Сохраняем новые данные в информере и копируем ссылку
    Code
    $MYINF_17$
    или другим видом
    Code
    <script type="text/javascript" src="http://ucozon.ru/informer/17"></script>
    без разницы, и вставляем в блок контейнера в удобное место между предсказательными тегами вот таким способом
    Code
    <!-- <bc> -->  
    <ul id="center_dm_ru">
    $MYINF_17$
    </ul>  
    <!-- </bc> -->
    или таким способом разницы не играет.
    Code
    <!-- <bc> -->  
    <ul id="center_dm_ru">
    <script type="text/javascript" src="http://ucozon.ru/informer/17"></script>
    </ul>  
    <!-- </bc> -->

  • Далее вставляем скрипт ротации и настройки время самого блока,
    Внимание скрипт обязательно должен быть выше кода информ. но после тега обязательно
    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;- скорость паузы в миллисекундах
  • Теперь для правильного отображения нам нужно вставить в таблицу стилей сам стиль всего информатора.
    Копируем и вставляем в таблицу стилей в самый низ
    Code
    #center_dm_ru {
      overflow:hidden;
      height:212px;
      width:99%;
      border:solid 1px #C8D9E5;
      padding: 0px 0px 0px 0px;
       
    }

    #center_dm_ru li {  
      list-style:none;
      overflow:hidden;
      border-top: 1px solid ;
      border-bottom: 1px solid ;
      padding: 10px 5px 10px 5px;
    }

    .coment_avatar {
      float:right;
      width:25px;  
      height:25px;
       
      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=70);  
      -moz-opacity: 0.5;
      opacity: 0.5;  
      filter: alpha(opacity=50);
    }

    настройка размеров не обязательна так как в ширину я проставил 99% что позволяет блоку растягиваться по всей его ширине, а высота настроена так что бы черные полосу были в размер, если у вас общие настройки шрифта видоизмененные то возможно нужно будет перенастроить визуально высоту.
    height:212px; - высота блока инфор.
    width:99%; - ширина блока
    размер аватара можно изменить настройкой
    .coment_avatar строкой
    width:25px; - ширина
    height:25px;- высота
    В общем все настройки дизайна находятся в самом стиле
    статья составлена и оформлена mdbaner
    сайт автора http://ucozon.ru
    Все готово!
  • Автор\Источник: ucozon.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 4306 | Комментарии: 8 | Рейтинг: 4.8/4 | |Категория: Скрипты информеры | Добавил: mdbaner | Дата: 06.06.2011 | Скачали: 0 | Теги: комментариев, информер, Обновляемый, авто
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 8
    8 elena_Bergen   Дата: 21.06.2011  Время: 00:00   [№ 9143]
    Работает Правельно!!!!

    7 mr_garga   Дата: 07.06.2011  Время: 23:23   [№ 8880]
    а причем тут ajax окна

    4 STAFF   Дата: 07.06.2011  Время: 21:29   [№ 8875]
    вы конечно понимаете что изменить и сделать как у вас можно за минуту!

    2 webo4ka   Дата: 07.06.2011  Время: 20:45   [№ 8873]
    что-то разницы между этим не вижу...

    Ответ: Там написано :
  • Разместил 07.06.2011
    Вы все не можете угомонить свои пыл ребенка, то что вы показываете ссылку и то что выложено имеет большую разницу как в описание так и в коде , более 25 % надеюсь ума хватит на то что бы определить разницу в процентном соотношение ???
    Я понимаю вашу зависть и за нее вы каждую новость проверяете на копию таких же новостей, только один у нас такой пользователь внимательный на сайте.. но знать пора бы зависть это плохое для любого смертного человека.

  • 3 STAFF   Дата: 07.06.2011  Время: 21:13   1 [№ 8874]
    Почему то я тоже разницы не вижу!!!
    Могу поправить картинки и все путем :)
    это мой:

    Code
    <style type="text/css">  
      @import url('/ajax_black.css') all;  
      </style>

    А это теперь у вас загарает
    И вот ваш код
    Code
    <style type="text/css">@import url('http://webo4ka.ru/Ucoz3/black_ajax_okna/black_ajax.css') all;</style>




    Но дело не в этом! как говорит mdbaner, рас вы такой умный и делайте замечании такого типа! А почему у вас на сайте практически всё на рипе стоит ? я после что написал mdbaner прошелся по вашему сайту и увидел много что из трудов своих знакомых!

    5 webo4ka   Дата: 07.06.2011  Время: 23:05   2 [№ 8878]
    мир_младший, ну вы щас бред написали, который к этому не относится! И если вы не заметили, то я по возможности веде указываю источник!

    6 STAFF   Дата: 07.06.2011  Время: 23:11   3 [№ 8879]
    Я же говорю дело даже не в этом! хотя да я даже и источника не видел (не было) Вы говорите что к этому это не относится!
    еще как относится!!!
    Вы уже не в первый рас питайтесь что то сделать что я вообще не понимаю!
    Второй или сколько было еще я не знаю, вы на материалы показываете ссылки на источник!
    Хотя не понимаете что на вашем сайте любой может на оригинальные источники ссылку оставить!

    1 VisDIZ   Дата: 05.06.2011  Время: 17:21   [№ 8810]
    Прикольная вещь.


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

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


    Поиск


    На форуме

    1 Файловик. Уникальные те...

    0

    2 Куплю сайты в индексе Я...

    1

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

    9

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

    0

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

    0

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

    51

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

    1

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

    9

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

    2

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

    1


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


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


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