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

Там где будут кнопки:

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


В Таблицу Стилей 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;}


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