Головна » 2013 » Вересень » 26 » Висувна кнопка ВКонтакте для uCoz
23:22
Висувна кнопка ВКонтакте для uCoz

Ця кнопка буде знаходитися в правій частині сайту. У стані спокою показується тільки буква «В», а при наведенні на цю саму букву висувається інша частина, і тепер можна побачити повний напис, «ВКонтакте». Висувну кнопку ВКонтакте для uCoz можна встановити і на сайті з іншим хостингом. Код простий в установці. Все доступно і зрозуміло.

Установка
1)Відкриваємо Панель управління, знаходимо Таблицю стилів (CSS), і вставляємо ось цей код:

Код
#vkontakte_button img {  
position: fixed;  
top:125px;  
right: -76px;  
z-index: 99999;  
cursor: pointer;  
display: block;  
}  
2) Наступний код вставляємо в будь-яке місце на сторінці між <body> і </ body>:
Код
<script type="text/javascript">  
$(function($) {  
$("#vkontakte_button img").hover(  
function () {  
$(this).animate({right: '0'}, {queue:false, duration: 350});  
//$(this).css('right', '0');  
},  
function () {  
$(this).animate({right: '-76px'}, {queue:false, duration: 350});  
// $(this).css('right', '-76px');  
}  
);  
});  
</script>  
<a id="vkontakte_button" href="http://vkontakte.ru/share.php?url=http%3A%2F%2Fdizcrypt.at.ua%2F"  
onclick="webChatOpen();return false;">  
<img alt="ВКонтакте" src="http://dizcrypt.at.ua/img/diz/urlimg/VK.gif">  
</a>

Знаходимо у скрипті ось таке: http://vkontakte.ru/share.php?url=http%3A%2F%2Fdizcrypt.at.ua/%2F 
І стираємо те що я виділив червоним, і вписуємо свій сайт.
Категорія: Інші скрипти | Переглядів: 210 | Додав: Feraligatr | Теги: Соціальна мережа, КНОПКА, вид | Рейтинг: 0.0/0
X
Посилання:
BB-код:
HTML-код:
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]