[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Информация для Web-мастера » Скрипты для uCoz » Аватар юзера при наведении курсора на ник в статистике
Аватар юзера при наведении курсора на ник в статистике
grafДата: Понедельник, 09.03.2009, 05:02 | Сообщение # 1
Admin
Группа: Пользователи
Сообщений: 148
« 3 »

Установка:
1.В 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;
}

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

2.Через через быструю замену заменяем:
Что заменить
Code
</body>

На что заменить:
Code
<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>
<script type="text/javascript">
// Online User Avatar for uCoz v1.0 jQ without HINT ~  
$('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());
});

xOffset=5;
yOffset=25;

$('a.groupAdmin').hover(function(e){
$('body').append('<p id="userAvatarAdmin"><img alt="Загрузка..." src="'+this.rel+'" /><br />Администратор</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+'" /><br />Модератор</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="userAvatarVerif"><img alt="Загрузка..." src="'+this.rel+'" /><br />Проверенный</p>');
$('p#userAvatarVerif').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px').fadeIn('slow');},function(){$('p#userAvatarVerif').remove();});
$('a.groupVerify').mousemove(function(e){$('p#userAvatarVerif').css('top',(e.pageY-xOffset)+'px').css('left',(e.pageX+yOffset)+'px');});
</script>
<?endif?>
</body>

Также нужно подключить JQ , чтобы подключить нужно прописать между <head> и </head> ету стро4ку
Code
<script type="text/javascript" src="http://grafa.3dn.ru/jquery-1.3.2.min.js"></script>




Форум » Информация для Web-мастера » Скрипты для uCoz » Аватар юзера при наведении курсора на ник в статистике
  • Страница 1 из 1
  • 1
Поиск: