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

[AllCity]

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

Код: Выделить всё

</body>

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

Код: Выделить всё

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>

<script type="text/javascript">

// Online User Avatar for uCoz v2.1 jQ ~ http://web-codes.net/

$('a.groupAdmin').each(function(){

$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html()+'" border="0" /><br />Администратор</div>');

});

$('a.groupModer').each(function(){

$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html()+'" border="0" /><br />Модератор</div>');

});

$('a.groupVerify').each(function(){

$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html()+'" border="0" /><br />Проверенный</div>');

});

$('a.groupUser').each(function(){

$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html()+'" border="0" /><br />Пользователь</div>');

});

</script>

<?endif?>

</body>

Версия на JS:

Код: Выделить всё

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>

<script type="text/javascript">

// Online User Avatar for uCoz v1.1 JS ~ http://web-codes.net/

us=document.getElementsByTagName('a');

for(on=0;on<us.length;on++){

if(us[on].className=='groupAdmin'){

us[on].title='<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+us[on].innerHTML+'" border="0" /><br />Администратор</div>';}

if(us[on].className=='groupModer'){

us[on].title='<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+us[on].innerHTML+'" border="0" /><br />Модератор</div>';}

if(us[on].className=='groupVerify'){

us[on].title='<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+us[on].innerHTML+'" border="0" /><br />Проверенный</div>';}

if(us[on].className=='groupUser'){

us[on].title='<div align="center"><img alt="Загрузка..." src="http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+us[on].innerHTML+'" border="0" /><br />Пользователь</div>';}

}

</script>

<?endif?>

</body>

теперь нужен php хостинг (php5+, fopen) и создаем там папку ucoz_avatar ну и загружаем туда содержимое этого архива:

ucoz_avatar.zip

(92.61 КБ) 455 скачиваний

где phpserv.com заменяем на свое .

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

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

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

[AllCity]

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

Код: Выделить всё

/* === 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;

}

/* ============================ */

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

Код: Выделить всё

</body>

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

Код: Выделить всё

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>

<script type="text/javascript">

// Online User Avatar for uCoz v1.1 jQ without HINT ~ http://web-codes.net/

$('a.groupAdmin').each(function(){

$(this).attr('rel','http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html());

});



$('a.groupModer').each(function(){

$(this).attr('rel','http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html());

});



$('a.groupVerify').each(function(){

$(this).attr('rel','http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;username='+$(this).html());

});



$('a.groupUser').each(function(){

$(this).attr('rel','http://phpserv.com/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&amp;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="userAvatarVerify"><img alt="Загрузка..." src="'+this.rel+'" /><br />Проверенный</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+'" /><br />Пользователь</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>

<?endif?>

</body>

где phpserv.com заменяем на свое .

[Xao]

Спасибо !!!! Как раз недавно спрашивал .....

[FOREVER]

Скрипт классный!
Но я чёт не доганяю. Как его устанавливать. Какая разница между JS и JQ.

[XxMARSxX]

Но я чёт не доганяю. Как его устанавливать. Какая разница между JS и JQ.

Никакой, JQ это JS фреймворк

[AllCity]

jQ = http://jquery.com/

[AllCity]

Принудительное определения ссылки аватaра
Шаблон Пользователи - Персональная страница пользователя найти там:

Код: Выделить всё

$_AVATAR$

заменить на:

Код: Выделить всё

<!--Avatar-->$_AVATAR$<!--/Avatar-->

и в самом скрипте найти:
jQ

Код: Выделить всё

&username='+$(this).html()+'

JS

Код: Выделить всё

username='+us[on].innerHTML+'

jQ without HINT

Код: Выделить всё

&username='+$(this).html()

заменить на:
jQ

Код: Выделить всё

&username='+$(this).html()+'&htmlcoment=on

JS

Код: Выделить всё

&username='+us[on].innerHTML+'&htmlcoment=on

jQ without HINT

Код: Выделить всё

&username='+$(this).html()+'&htmlcoment=on'

Вот и все

[g1mm4egg]

Супер спасибо,но только почемуто аватар показывает у админов а у юзеров и модераторов и т.д не показывает?

[AllCity]

По идее должно показывать

[weFF]

[2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.]