Среда, 04.12.2024, 21:52
Приветствую Вас Гость | RSS

Мой сайт

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Аватар юзера при наведении курсора на ник в статистике.
natiQДата: Среда, 08.07.2009, 23:53 | Сообщение # 1
[b]natiQ[/b]
Группа: Администраторы
Сообщений: 2261
Награды: 7
Репутация: 41
Статус:
[spoiler="скрин"]http://3aka4ka.at.ua/_fr/2/3030961.jpg[/spoiler]

Версия скрипта на jQ без использования хинта!
Установка:
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 ~  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());    
});    

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="userAvatarVerif"><img alt="Загрузка..." src="'+this.rel+'" />
Проверенный</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 , чтобы подключить нужно прописать между и это:
Code
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script>

© http://allcity.net.ru/


 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024