Заработок в интернете и раскрутка вашего сайта Пятница, 29.03.2024, 14:07
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Создание сайта » HTML коды для uCoz » Социальные кнопочки на сайт (Социальные кнопочки на сайт)
Социальные кнопочки на сайт
adminДата: Понедельник, 23.12.2013, 11:31 | Сообщение # 1
Главный админ
Группа: Администраторы
Сообщений: 336
Награды: 0
Репутация: 1
Статус: Offline
Социальные кнопочки на сайт

    Если Вы и Ваш портал движетесь в ногу со временем и следите за модой среди веб-мастерства, тогда Вы должно быть уже приметили то, что практически на каждому веб портале есть кнопочки для добавления материала в социальные сети. Вот именно такие кнопки Мы Вам и предлагаем сегодня установить. Правда на нашем сайте уже были и другие, более лёгкие способы установки социальных кнопок, но для разнообразия решил добавить и этот материал. Установка не для новичков, но если постараться то и у любителей всё получиться. Вся установка будет проходить в три важных шага: загрузка архива с картинками на свой компьютер, а после загрузка содержимого в папку images через файловый менеджер, копирование кода в CSS сайта, а так же необходимо скопировать код в шаблон сайта в то место, где хотите видеть сами кнопочки. При желании можно редактировать коды, заменять картинки и добавлять/удалять некоторые кнопки. Есть вопросы - задавайте их в комментариях и Мы Вам поможем.

Не забываем загрузить архив и из прикреплённого архива загрузить в папку 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;}





data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus">


Нравится
 

Нравится







Форум » Создание сайта » HTML коды для uCoz » Социальные кнопочки на сайт (Социальные кнопочки на сайт)
  • Страница 1 из 1
  • 1
Поиск:

Заработок в интернете и продвижение вашего сайта © 2013-2024
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200