Топ юзеров
На сайте уже 192 , зарегистрировано 15 и оставлено 1 .
Светлое синее меню д...
Игровой шаблон форум...
Темный вид материало...
Меню сайта оранжевог...
Рип сайта csdoza.ru
Шаблоны uCoz
Скрипты uCoz
Главная » Файлы » Скрипты uCoz » Другие скрипты
Скрипт панели кнопок соц. сетей для ucoz
  • Добавил: group
  • Дата: 27.02.2014
  • Комментариев: 0
  • Просмотров: 687
Скриншот материала «Скрипт панели кнопок соц. сетей для ucoz»
Скрипт панели кнопок соц. сетей для ucoz
Описание:
Скрипт панели кнопок соц. сетей для ucoz

Установка:
В самый низ сайта запихиваем:
Код
  
  <div id="social-bar">  
  <a target="_blank" href="http://ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/facebook.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/facebook1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/vkontakte.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/vkontakte1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/odnoklassniki.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/odnoklassniki-1-.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/google-plus.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/google-plus-1-.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/LinkedIn.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/LinkedIn-1-.png" /></a>
   
  </div>  
  <script>  
  $( '#social-bar a' ).mouseover( function () {  
  $( 'img:first', $( this ) ).hide();  
  $( 'img.hidden', $( this ) ).show();  
  } );  
  $( '#social-bar a' ).mouseout( function () {  
  $( 'img.hidden', $( this ) ).hide();  
  $( 'img:first', $( this ) ).show();  

  } );  
  </script>

В CSS Вставляем:
Код
  
  #social-bar{position: fixed; bottom: 20px; right: 0; height: 165px; width: 20px; background-color: #fff; padding: 10px;  
  z-index: 10000;  
  border: 1px solid #aaa;  
  border-right: 0;  

  -webkit-border-radius: 10px 0 0 10px;  
  -moz-border-radius: 10px 0 0 10px;  
  border-radius: 10px 0 0 10px;  

  -moz-opacity: 0.3;  
  -khtml-opacity: 0.3;  
  opacity: 0.3;  

  transition: opacity 0.5s linear;  
  -moz-transition: -moz-opacity 0.5s linear; /* FF3.7+ */  
  -o-transition: opacity 0.5s linear; /* Opera 10.5 */  
  -webkit-transition: opacity 0.5s linear; /* Saf3.2+, Chrome */  
  }  
  #social-bar:hover{  
  -moz-opacity: 1;  
  -khtml-opacity: 1;  
  opacity: 1;  
  }  
  #social-bar img{  
  width: 25px;  
  margin-bottom: 10px;  
  }  
  .hidden{  
  display: none;  
  }  
  
Внимание! Материал «Скрипт панели кнопок соц. сетей для ucoz» из категории «Другие скрипты» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.
Похожие материалы
Материал «Скрипт панели кнопок соц. сетей для ucoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]