Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа.
Установка
1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:
Code
#vkontakte_button img {
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
}
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
}
2.) Следующий код вставляем в любое место на странице между head и /head:
Code
<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%2<b>Fyraaa.ru</b>%2F" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://joomla.ucoz.com/33/26762164.gif">
</a>
$(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%2<b>Fyraaa.ru</b>%2F" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://joomla.ucoz.com/33/26762164.gif">
</a>
Настройка скрипта
Находим строчку в скрипте вот такую: http://vkontakte.ru/share.php?url=http%3A%2F%2Fyraaa.ru%2F
И стираем то что я выделил жирным, и вписываем свой сайт... Вот это строчку искать надо вот тут:
Code
<a id="onlinehelp" href="http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://joomla.ucoz.com/33/26762164.gif">
</a>
<img alt="ВКонтакте" src="http://joomla.ucoz.com/33/26762164.gif">
</a>
Вот и все, установка и настройка завершена.
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Пользователи/
» Скрипты для uCoz/
909 /
0
| html-cсылка на публикацию | |
| BB-cсылка на публикацию | |
| Прямая ссылка на публикацию |
| Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
