Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Панель социальных сетей для uCoz
13.11.2018
Панель социальных сетей для uCoz
  • 680 Просмотров:
  • 0 Скачиваний:
  • 1 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Красивая панель социальных сетей для вашего сайта. Выполнена в интересном стиле, сама панель находиться справа. Неактивные иконки выполнены в сером цвете, но когда на них наводите они окрашиваются в знакомые нам цвета.

В самый низ сайта запихиваем:

Код
<div id="social-bar">  
  <a target="_blank" href="http://ССЫЛКА НА ГРУППУ"><img src="http://7old.ru/ucoz-files/1/soc/facebook.png" /><img class="hidden" src="http://7old.ru/ucoz-files/1/soc/facebook1.png" /></a>
   
<a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://7old.ru/ucoz-files/1/soc/vkontakte.png" /><img class="hidden" src="http://7old.ru/ucoz-files/1/soc/vkontakte1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://7old.ru/ucoz-files/1/soc/odnoklassniki.png" /><img class="hidden" src="http://7old.ru/ucoz-files/1/soc/odnoklassniki1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://7old.ru/ucoz-files/1/soc/google-plus.png" /><img class="hidden" src="http://7old.ru/ucoz-files/1/soc/google-plus1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://7old.ru/ucoz-files/1/soc/LinkedIn.png" /><img class="hidden" src="http://7old.ru/ucoz-files/1/soc/LinkedIn1.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" title="Скачать Панель социальных сетей для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
02.05.2014 в 17:01
Сама кнопка работает но вот на вставленые в нее ссылки не реагирует переводит на 404 стр моего сайта Спам
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]