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

Установка:

1. Ставим там где хотим видеть:

Код
<div id="sharing_buttons" style="text-align:center;"><div class="sps sps-theme-color sps-small">  
<a class="sps-vkontakte" href="ссылка" title="В Контакте" onclick="window.open(this.href, 'vkontakte', 'width=626, height=278'); return false;" target="_blank"></a>  
<a class="sps-odnoklassniki" href="ссылка" title="Одноклассники" onclick="window.open(this.href, 'odnoklassniki', 'width=830, height=650'); return false;" target="_blank"></a>  
<a class="sps-facebook" href="ссылка" title="Facebook" onclick="window.open(this.href, 'facebook', 'width=609, height=436'); return false;" target="_blank"></a>  
<a class="sps-twitter" href="ссылка" title="Twitter" onclick="window.open(this.href, 'twitter', 'width=626, height=436'); return false;" target="_blank"></a><a class="sps-moimir" href="ссылка" title="Мой Мир@Mail.Ru" onclick="window.open(this.href, 'moimir', 'width=626, height=436'); return false;" target="_blank"></a>  
<a class="sps-livejournal" href="ссылка" target="_blank"></a>  
<a class="sps-google" href="ссылка" title="Google+" onclick="window.open(this.href, 'google', 'width=610, height=318'); return false;" target="_blank"></a>  
<a class="sps-email" href="ссылка" title="Отправить на email" onclick="window.open(this.href, 'mailto');"></a></div></div>


2. В Таблицу Стилей CSS:

Код
#sharing_buttons a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}  
#sharing_buttons a{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}  
.sps-small a{width:20px;height:20px;margin-right:6px;background:url('http://7old.ru/ucoz-files/1/soc.png') 0 0 transparent no-repeat;}  
.sps-small a:last-child{margin-right:0;}#sharing_buttons  
.sps-small .sps-vkontakte{background-position:-80px -20px;}#sharing_buttons  
.sps-small .sps-vkontakte:hover{background-position:-80px 0;}#sharing_buttons  
.sps-small .sps-odnoklassniki{background-position:-60px -20px;}#sharing_buttons  
.sps-small .sps-odnoklassniki:hover{background-position:-60px 0;}#sharing_buttons  
.sps-small .sps-facebook{background-position:0 -20px;}#sharing_buttons  
.sps-small .sps-facebook:hover{background-position:0 0;}#sharing_buttons  
.sps-small .sps-twitter{background-position:-20px -20px;}#sharing_buttons  
.sps-small .sps-twitter:hover{background-position:-20px 0;}#sharing_buttons  
.sps-small .sps-moimir{background-position:-140px -20px;}#sharing_buttons  
.sps-small .sps-moimir:hover{background-position:-140px 0;}#sharing_buttons  
.sps-small .sps-livejournal{background-position:-160px -20px;}#sharing_buttons  
.sps-small .sps-livejournal:hover{background-position:-160px 0;}#sharing_buttons  
.sps-small .sps-google{background-position:-120px -20px;}#sharing_buttons  
.sps-small .sps-google:hover{background-position:-120px 0;}#sharing_buttons  
.sps-small .sps-email{background-position:-440px -20px;}#sharing_buttons  
.sps a{display:inline-block;}  
.sps{display:inline-block;position:relative;z-index:1;padding:5px;background:transparent;font-size:0;line-height:0;text-align:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}


На этом всё.
Социальные кнопки для uCoz" title="Скачать Социальные кнопки для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: music-sky.ru / Handyman
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]