Аватар юзера при наведении курсора на ник в статистике. - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.223.170.190

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Аватар юзера при наведении курсора на ник в статистике.

DomeH1k

Сообщение оставлено 28.01.2010 в 20:04:29 | Сообщение #1

Версия скрипта на 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

DomeH1k	Сообщение оставлено 28.01.2010 в 20:04:29 \| Сообщение #1
Проверенный Воплощаю новые идеи Сообщения: 2 60	Версия скрипта на 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>
	Профиль Цитата Вверх