....
Файлы Скрипты и модификации

Социальные кнопки для uCoz

Описание:
Красивые социальные кнопки для ucoz. При наводке кнопки стают цветными.

Установка:
1. В любое место, где должны быть кнопки, вставляйте:
Код
<a href="ссылка" target="_blank" class="social-vk"></a>  
  <a href="ссылка" target="_blank" class="social-ok"></a>  
  <a href="ссылка" target="_blank" class="social-facebook"></a>  
  <a href="ссылка" target="_blank" class="social-twitter"></a>  
  <a href="ссылка" target="_blank" class="social-yandex"></a>  
  <a href="ссылка" target="_blank" class="social-youtube"></a>

2. В самый низ вашего css:
Код
/* Соц. кнопки с форума uCoz RIP By Handyman */  
  .social-facebook {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') no-repeat;}  
  .social-twitter {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -60px no-repeat;}  
  .social-vk {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -120px no-repeat;}  
  .social-yandex {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -180px no-repeat;}  
  .social-youtube {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -240px no-repeat;}  
  .social-ok {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -300px no-repeat;}  
  .social-gl {display:inline-block;width:60px;height:60px;background:url('/images/social-buttons.png') 0 -360px no-repeat;}  
  .social-facebook:hover {background-position:-60px 0;}  
  .social-twitter:hover {background-position:-60px -60px;}  
  .social-vk:hover {background-position:-60px -120px;}  
  .social-yandex:hover {background-position:-60px -180px;}  
  .social-youtube:hover {background-position:-60px -240px;}  
  .social-ok:hover {background-position:-58px -300px;}  
  .social-gl:hover {background-position:-60px -360px;}

Картинку из прикреплённого архива вставляйте в папку images
Источник: Apo-uCoz.com
4 комментария
koka
koka 21.06.2013 в 10:31
И их нельзя переделать под поделится?
Snoopak
Snoopak 25.06.2013 в 10:51
Можно
koka
koka 20.06.2013 в 23:48
Всем привет!
Подскажите что писать вместо "ссылка" чтобы поделится именно тем материалом на котором нажал одну из кнопок, заранее спасибо
Snoopak
Snoopak 20.06.2013 в 23:57
Эти кнопки не для того чтоб поделится материалом. Вместо "ссылка" можно написать ссылку на вашу группу/паблик/страницу сайта в вк, одноклассники, фейсбук, твитер.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Мини-чат
Для добавления необходима авторизация
Наш опрос
Каким браузером вы пользуетесь?
657 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
© 2012-2018 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz