Выдвижная кнопка (ВК) от u51st
Вот разработал по просьбе одного пользователя моего сайта, одну кнопку...
Она будет находиться с право, и не в подвижном состоянии, и только при наведении на нее, она будет выдвигаться вперед...
Установка
1) Заходи в ПУ, потом в Таблица стилей (CSS), и вставляем вот этот код:
2) Вот этот код вставляем в любое место:
Настройка скрипта!!!
Находим строчку в скрипте вот такую:
И стираем u51st.net, и вписываем свой сайт...
Вот это строчку искать надо вот тут:
Вот и все, установка и настройка завершена)
Она будет находиться с право, и не в подвижном состоянии, и только при наведении на нее, она будет выдвигаться вперед...
Установка
1) Заходи в ПУ, потом в Таблица стилей (CSS), и вставляем вот этот код:
Code
/* Vkontakte by iWTH (u51st.net) */
#onlinehelp img {
position: fixed;
top:125px;
right: -75px;
z-index: 99999;
cursor: pointer;
display: block;
}
/* END Vkontakte by iWTH */
#onlinehelp img {
position: fixed;
top:125px;
right: -75px;
z-index: 99999;
cursor: pointer;
display: block;
}
/* END Vkontakte by iWTH */
2) Вот этот код вставляем в любое место:
Code
<script type="text/javascript">
$(function($) {
$("#onlinehelp img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-75px'}, {queue:false, duration: 350});
// $(this).css('right', '-75px');
}
);
});
</script>
<a id="onlinehelp" href="http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F"
onclick="webChatOpen();return false;">
<img alt="вКонтакте" src="http://u51st.net/uy/vkontakte.gif" />
</a>
$(function($) {
$("#onlinehelp img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-75px'}, {queue:false, duration: 350});
// $(this).css('right', '-75px');
}
);
});
</script>
<a id="onlinehelp" href="http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F"
onclick="webChatOpen();return false;">
<img alt="вКонтакте" src="http://u51st.net/uy/vkontakte.gif" />
</a>
Настройка скрипта!!!
Находим строчку в скрипте вот такую:
Code
http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F
И стираем u51st.net, и вписываем свой сайт...
Вот это строчку искать надо вот тут:
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://uwebo4ka.3dn.ru/scripts/vk/vkontakte.gif" />
</a>
<img alt="вКонтакте" src="http://uwebo4ka.3dn.ru/scripts/vk/vkontakte.gif" />
</a>
Вот и все, установка и настройка завершена)
О материале:
Дата добавления: 23.03.2012 в 18:09
Материал просмотрен: 582 раз
Категория: Скрипты и модификации для uCoz
Оставлены: 0 комментария
Рейтинг материала
По мнению пользователей
5.0
Поделиться
Комментарии
0 комментариев
Навигация
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет