Главная страница » Помощь Вебмастеру » Категория Разное/Другое » Добавлено [14.12.2013, 15:18]

Социальные кнопки Windows 8.1 с форума для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Любителям делиться линками с социальными сетями посвящается! Орегинальные и забавные социальные кнопочки на тему Windows, которые можно поставить на сайт. Кстати,

узнать зачем переходить на Windows 8.1 можно тут.

Сделаны очень стильно и подойдут для сайта любого назначения.

Первоначально имеют любимый и стильный белый цвет. Иконки - понятное дело социальных сетей: Вконтакте, Facebook,Twitter, Одноклассники, а так же Яндекс и YouTube. Код вписывайте туда, куда хотите разместить на страничке свои кнопочки. Традиционно это верх или низ страницы, но тут уже на ваше собственное усмотрение. Кнопочки активы при наведении стрелки. В спокойном состоянии они имеют светлый дизайн, но стоит только навести стрелку, как круглая иконка окрашивается в привычные цвета социальной сети. Симпатичный плагин от Ucoz. Не смотря на минимальную анимацию, весит мало и легко встраивается в код страницы. Иконки сами по себе круглые и находятся на стильной панельке. Себе уже поставили и поделились с друзьями. Плохого не рекомендуем - продуйте и делитесь комментариями.

Важно! Картинку из прикреплённого архива вставляйте в папку images

В любое место, где должны быть кнопки, вставляйте:

<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 2013 и Социальные кнопки Windows 8.1 с форума для uCoz