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

Страница 1 из 1 1
Модератор форума: n3T, non-party, Bryse

Аватар юзера при наведении курсора на ник в статистике (Прикольно ...)

Gleb

Дата: Воскресенье, 15.03.2009, 08:22:06 | Сообщение # 1

-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта

Пол пользователя :

Страна :

Через быструю замену заменяем:

Code

</body>

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

Версия на jQ:

Code

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>
<script type="text/javascript">
// Online User Avatar for uCoz v2.1 jQ ~ http://allcity.net.ru/
$('a.groupAdmin').each(function(){
$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html()+'" border="0" /><br />Администратор</div>');
});
$('a.groupModer').each(function(){
$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html()+'" border="0" /><br />Модератор</div>');
});
$('a.groupVerify').each(function(){
$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html()+'" border="0" /><br />Проверенный</div>');
});
$('a.groupUser').each(function(){
$(this).attr('title','<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+$(this).html()+'" border="0" /><br />Пользователь</div>');
});
</script>
<?endif?>
</body>

Версия на JS:

Code

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>
<script type="text/javascript">
// Online User Avatar for uCoz v1.1 JS ~ http://allcity.net.ru/
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://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+us[on].innerHTML+'" border="0" /><br />Администратор</div>';}
if(us[on].className=='groupModer'){
us[on].title='<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+us[on].innerHTML+'" border="0" /><br />Модератор</div>';}
if(us[on].className=='groupVerify'){
us[on].title='<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+us[on].innerHTML+'" border="0" /><br />Проверенный</div>';}
if(us[on].className=='groupUser'){
us[on].title='<div align="center"><img alt="Загрузка..." src="http://s1.allcity.net.ru/ucoz_avatar/online_user_avatar.php?domain='+location.host+'&username='+us[on].innerHTML+'" border="0" /><br />Пользователь</div>';}
}
</script>
<?endif?>
</body>

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

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

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

Скрипт написан AllCity

Если я Вам помог - поставьте пожалуйста мне в репутацию ...

Gleb

Дата: Воскресенье, 15.03.2009, 08:24:41 | Сообщение # 2

-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта

Пол пользователя :

Страна :

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

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

Code

<?if($ONLINE_COUNTER$ || $MODULE_ID$='forum')?>
<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+'" /><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>

1 примечание : Т.к это версия без хинта , то есть 1 маленькая недоработка ...

Чтобы все стало на свои места и было вновь красиво -- поиграйтесь с параметрами

Code

xOffset
yOffset

Для начала попробуйте заменить те , что в коде на эти :

Code

xOffset=-25;
yOffset=-50;

Если этого мало/много -- пропишите чуть больше или меньше ...

Скрипт написан AllCity

Если я Вам помог - поставьте пожалуйста мне в репутацию ...

Gleb

Дата: Воскресенье, 15.03.2009, 08:29:48 | Сообщение # 3

-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта

Пол пользователя :

Страна :

Принудительное определения ссылки аватaра

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

Code

$_AVATAR$

Заменить на:

Code

$_AVATAR$

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

Code

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

Code

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

jQ without HINT

Code

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

Заменить на:

Code

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

Code

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

jQ without HINT

Code

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

Вот и все smile

Saint

Дата: Среда, 13.05.2009, 17:32:18 | Сообщение # 4

Заглянувший

« 0 »

Награды : 0

Пол пользователя :

Страна :

у меня вопрос как сделать чтоб надпись Admin была в специальной рамке как у вас на сайте

Gleb

Дата: Пятница, 15.05.2009, 09:23:39 | Сообщение # 5

-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта

Пол пользователя :

Страна :

Ты про это ?

Saint

Дата: Пятница, 15.05.2009, 14:17:47 | Сообщение # 6

Заглянувший

« 0 »

Награды : 0

Пол пользователя :

Страна :

да!

Gleb

Дата: Суббота, 16.05.2009, 12:23:09 | Сообщение # 7

-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта

Пол пользователя :

Страна :

Saint, Это не

Quote (Saint)

в специальной рамке как у вас на сайте

Это просто называется Иконка группы ... На многих сайтах есть архивы с такими иконками и в архиве 5-6 иконок для групп ( Админ , Юзер , Проверенный , Модер , Гость , Забаненный ) - и вот ты скачиваешь понравившийся архив , распаковываешь на компе , а потом закидываешь к себе на ФТП сайта ( например создал папку ikonki_grup и туда загрузил)

Например вот где их можно взять :

http://s0ftila.org.ua/load/35

http://mega-softs.at.ua/load/2

http://www.bishome.ru/load/97

Затем заходишь в Панель Управления -->> Пользователи -->> Группы Пользователей

Вот так у тебя будет :

И затем нажимаешь на значок инструмента "Настроить" ( выделен кружочком )

И вот тогда у тебя откроется окошко новое с натсройкой этой груупы ... И там ты увидишь будет написано ссылка к файлу с иконкой ( отмечено синим ) ... ВОТ ТАМ И ПРОПИСЫВАЙ ПУТЬ , куда загрузил свои файлы ... У меня например такой как на рисунке ...

Вот :

Saint

Дата: Суббота, 16.05.2009, 14:36:08 | Сообщение # 8

Заглянувший

« 0 »

Награды : 0

Пол пользователя :

Страна :

Ты супер

Спасибо большое ...

Пожалуйста :)

Аватар юзера при наведении курсора на ник в статистике (Прикольно ...)

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