Главная » 2013 » Май » 27 » Соц. кнопки RIP By Handyman (Полезное)
27.05.2013, 18:50

Соц. кнопки RIP By Handyman





Решил срипать с одного сайта кнопочки социальных сетей, может кому пригодится)

Сам код вставляем куда угодно:

Код
<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>


В 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://www.music-sky.ru/icons/rip_by_Handyman.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;}


P.S. прикрепил архив на всякий случай)))
Материал взят с сайта infoscript.ru
Теги: Скачать Соц. кнопки RIP By Handyman
Скачать "Соц. кнопки RIP By Handyman"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: www.music-sky.ru / Handyman
Категория: Полезное | Просмотров: 1347 | Добавил: Handyman | Рейтинг: 3.7/6 |
Теги: RIP, by, соц., Handyma, кнопки
Всего комментариев: 3
1 TEAM_UCOZ   (27.06.2013 22:07)
Аватар пользователя
Да не работает оно что то

2 Handyman   (28.06.2013 18:23)
Аватар пользователя
Да кто ж сказал??? Все робит dry

3 Snoopak   (28.06.2013 18:46)
Аватар пользователя
Все работает!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]