Понедельник, 23.10.2017, 07:09
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Главная страница » Помощь Вебмастеру » Категория Разное/Другое » Добавлено [14.12.2013, 15:18]

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

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

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

Первоначально имеют любимый и стильный белый цвет. Иконки - понятное дело социальных сетей: Вконтакте, 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



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Разное/Другое | Добавил: scripts_for_ucoz | Теги: Windows, социальные, форума, uCoz, кнопки
Просмотров: 2233 | Загрузок: 25 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 1
1 Black-Yellow   (20.01.2014 10:04)
Классно смотрятся кнопочки на сайтах с темно-серым и даже черным дизайном. Отличное предложение biggrin

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