Все для Ucoz на сайте ScripTiX
Приветствую Вас Вебсерфер
Меню сайта
Категории каталога
Скрипт для сайта Ucoz [73]
Шаблон для сайта Ucoz [29]
Софт для Вебмастера [6]
Статьи, гайды и обучалки для вебмастеров [9]
Полезные советы для сайтостроителей
Скрипты от ScRipTiX Team [3]
Наши скрипты
Наш Мини-чат
Наш опрос
Что вы делаете в интернете?
Всего ответов: 419
Главная » Все для uCoz » Скрипт для сайта Ucoz

Скрипт для сайта uCoz "Аватар пользователя при наведении на ник в статистике"

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

Если будут вопросы обращатесь в ПМ или в комменты пишите =)




Инфа для серферов:
Если вам понравился, пригодился материал или скрипт выложенный у нас на сайте, то вы можете помочь нашему сайту разместив ссылку на наш сайт у себя. Спасибо.
HTML-код ссылки:


Категория: Скрипт для сайта Ucoz | Добавил: STALKER (05-10-09)
Просмотров: 2299 | Рейтинг: 0.0/0 |
Интересные материалы:

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
AdminUPro
Админ панель - AdminUPro v1.1
новая версия
добавлены новые функции
Скачать AdminUPro v1.1
Поиск
Друзья сайта

Copyrights© 2017
Хостинг от uCoz
Designed by Grigoruk Bogdan