Cкрипт аватар юзера при наведении мышки на логин в статистике. для uCoz - 4 Июля 2009

Навигация

ТОП пользователь

R00712
Полное имя: Роман
Личный номер: 1
Группа: Администраторы
Ранг: Генералиссимус
Репутация: 8752

Активность

Комментариев: 104
Фотографий: 0
Новостей: 159
Фотографий: 0
Загрузил файлов: 105

Опрос

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

Главная » » Cкрипт аватар юзера при наведении мышки на логин в статистике. для uCoz

Cкрипт аватар юзера при наведении мышки на логин в статистике. для uCoz

09:11

Вот собственно и скрипт!
Через быструю замену заменяем:

Code

</body>

на (сам скрипт можно засунуть в js файл!)
Версия на jQ:

Code

Версия на JS:

Code

Для роботы скрипта нужен хинт!

Внимание: просмотр профиля должен быть доступен гостям!

* Сделано - Создать кеширование ссылок (увеличит скорость загрузки аватаров)! - Ссылка аватарa обновляется раз в 24 часа!
* Сделано - Версия на JS.
* Сделано - Версия скрипта на jQ без использования хинта.
* Сделано - Принудительное определения ссылки аватaра (если скрипт не смог определить ссылку аватара на вашем сайте).

Версия скрипта на jQ без использования хинта!
В CSS (окошко можно подогнать под себя)

Code

/* === Online User Avatar for uCoz === */
#userAvatarAdmin {
text-align: center;
position: absolute;
border: 1px solid #FF0000;
background: #FFE5E5;
padding: 5px;
display: none;
color: #000000;
}

#userAvatarModer {
text-align: center;
position: absolute;
border: 1px solid #99BBE8;
background: #F0F3F5;
padding: 5px;
display: none;
color: #000000;
}

#userAvatarVerify {
text-align: center;
position: absolute;
border: 1px solid #99BBE8;
background: #F0F3F5;
padding: 5px;
display: none;
color: #000000;
}

#userAvatarUser {
text-align: center;
position: absolute;
border: 1px solid #323D4F;
background: #ECECEC;
padding: 5px;
display: none;
color: #000000;
}
/* ============================ */

и опять через быструю замену заменяем:

Code

</body>

Code

на (сам скрипт можно засунуть в js файл!):

<script type="text/javascript">
// Online User Avatar for uCoz v1.1 jQ without HINT ~ http://allcity.net.ru/
$('a.groupAdmin').each(function(){
$(this).attr('rel','http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html());
});

$('a.groupModer').each(function(){
$(this).attr('rel','http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html());
});

$('a.groupVerify').each(function(){
$(this).attr('rel','http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html());
});

$('a.groupUser').each(function(){
$(this).attr('rel','http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html());
});

xOffset=5;
yOffset=25;

$('a.groupAdmin').hover(function(e){
$('body').append('<p id="userAvatarAdmin"><img alt="Загрузка..." src="'+this.rel+'" />
Администратор</p>');
$('p#userAvatarAdmin').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px').fadeIn('slow');},function(){$('p#userAvatarAdmin').remove();});
$('a.groupAdmin').mousemove(function(e){$('p#userAvatarAdmin').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px');});

$('a.groupModer').hover(function(e){
$('body').append('<p id="userAvatarModer"><img alt="Загрузка..." src="'+this.rel+'" />
Модератор</p>');
$('p#userAvatarModer').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px').fadeIn('slow');},function(){$('p#userAvatarModer').remove();});
$('a.groupModer').mousemove(function(e){$('p#userAvatarModer').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px');});

$('a.groupVerify').hover(function(e){
$('body').append('<p id="userAvatarVerify"><img alt="Загрузка..." src="'+this.rel+'" />
Проверенный</p>');
$('p#userAvatarVerify').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px').fadeIn('slow');},function(){$('p#userAvatarVerify').remove();});
$('a.groupVerify').mousemove(function(e){$('p#userAvatarVerify').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px');});

$('a.groupUser').hover(function(e){
$('body').append('<p id="userAvatarUser"><img alt="Загрузка..." src="'+this.rel+'" />
Пользователь</p>');
$('p#userAvatarUser').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px').fadeIn('slow');},function(){$('p#userAvatarUser').remove();});
$('a.groupUser').mousemove(function(e){$('p#userAvatarUser').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px');});
</script>

</body>

Скачать Cкрипт аватар юзера при наведении мышки на логин в статистике. для uCoz

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

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Статистика

Статистика материалов

Новостей: 74
Файлов: 5
Фото:
Форум: 57/100
Коментариев: 12

Зарег. на сайте

Всего: 85
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

На сайте: 3

Халявщиков: 3

Юзеров: 0

Как вы нас нашли?

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