| Главная | Форум | Картинки | Видео Онлайн | Игры Онлайн | Анекдоты | Каталог сайтов | Поиск | Вход | Выход |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для uCoz » Другие модули uCoz » Новый Топ пользователей с аватарами для Ucoz (информер)
Новый Топ пользователей с аватарами для Ucoz
OnlinesДата: Четверг, 17.01.2013, 15:48 | Сообщение # 1
Ученик
Группа: Пользователи
Сообщений: 4
Репутация: 0
Скрин: http://s017.radikal.ru/i441/1212/fb/2a8ddd33be3a.jpg

Описание:
Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

[code]<div class="utop-user" align="center">
<a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">
<?if($AVATAR_URL$)?><script src="http://activiks.ru/img/png.js" type="text/javascript"></script>
<img src="$AVATAR_URL$"><?else?>
<img src="http://bambun.ru/images/noa23va.png">
<?endif?>
</a>
<a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
<div class="utop-number">$NUMBER$</div>
</div>[/code]

В CSS вставляем в самый низ

[code]

/*Новые участники*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
padding:10px;
border:1px solid #000000;
background:#000;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #666666;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index:1000;
}
/*===================================*/[/code]

В нижнюю часть сайта

[code]<script type="text/javascript" src="http://bambun.ru/css_js/tooltip.js"></script>
<script>
$(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});
</script> [/code]
 
Форум » Всё для uCoz » Другие модули uCoz » Новый Топ пользователей с аватарами для Ucoz (информер)
  • Страница 1 из 1
  • 1
Поиск:

Статистика форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Уведомления о регистрации для ucoz

(0)

Профиль для ucoz в нижнем правом углу сайта

(0)

Красивый информер для файлов ucoz

(0)

Форма входа на uCoz

(0)

Новый Топ пользователей с аватарами для Ucoz

(0)

Простой и красивый вид формы опроса

(0)

Красивый информер "кто нас сегодня посетил" для Ucoz

(0)

Flash радио для сайта

(0)

Новый информер комментарии для ucoz как на Dle

(0)

Голубая кнопка вверх для Ucoz

(0)

Правила добавления видео на сайт beam.at.ua

(1)

Уведомления о регистрации для ucoz

(0)

Профиль для ucoz в нижнем правом углу сайта

(0)

Красивый информер для файлов ucoz

(0)

Форма входа на uCoz

(0)

Новый Топ пользователей с аватарами для Ucoz

(0)

Простой и красивый вид формы опроса

(0)

Красивый информер "кто нас сегодня посетил" для Ucoz

(0)

Flash радио для сайта

(0)

Новый информер комментарии для ucoz как на Dle

(0)

Demax

(13)

Onlines

(4)

startsmart

(4)

Meetwoor

(4)

denis5210

(1)

Dreamer

(1)

demure_ru

(1)

apva

(0)

Joker

(0)

natashashapiro

(0)

mrvolkov490

(29.11.2016)

diplomnhelp2000

(01.12.2015)

demure_ru

(06.09.2015)

apva

(11.01.2014)

Meetwoor

(11.12.2013)

DoG

(23.03.2013)

zenj68

(06.02.2013)

Onlines

(17.01.2013)

АБ

(06.01.2013)

budyvmaster

(22.12.2012)


Реклама
   
Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ : "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!