Мой сайт
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Web » Всё для WEB » Выдвижная кнопка ВКонтакте (экономит место и не портит диз сайта)
Выдвижная кнопка ВКонтакте
laymДата: Суббота, 08.09.2012, 15:08 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
скрин скрипта: http://s019.radikal.ru/i614/1208/b9/238164881aed.gif

Выдвижная кнопка ВКонтакте для юкоз сайта
Установка:
В нижнюю часть сайта вставляем:

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: '-83px'}, {queue:false, duration: 350});   
   // $(this).css('right', '-83px');   
   }   
   );   
   });   
   </script>   
   <a id="onlinehelp" href="http://ваша страница вконтакте" onclick="webChatOpen();return false;">   
   <img alt="ВКонтакте" src="http://s001.radikal.ru/i195/1208/57/39c55c37230f.png" />
   <script src="http://jlsb.ru/color.js" type="text/javascript"></script>   
   </a>
<style>/* Vkontakte by iWTH */   
   #onlinehelp img {   
   position: fixed;   
   top:125px;   
   right: -75px;   
   z-index: 99999;   
   cursor: pointer;   
   display: block;   
   }   
   /* END Vkontakte by iWTH */</style>
 
Форум » Web » Всё для WEB » Выдвижная кнопка ВКонтакте (экономит место и не портит диз сайта)
Страница 1 из 11
Поиск:

Copyright MyCorp © 2017Бесплатный конструктор сайтов - uCoz