Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Новые социальные кнопки для сайта uCoz
24.06.2018
Новые социальные кнопки для сайта uCoz
  • 922 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 2)
Описание:
Красивое оформление кнопок социальных сетей для ваших сайтов. Всё сделано красиво в разных цветах, Вконтакте - синий цвет, Гугл + - красный цвет, Твиттер - голубой цвет, Facebook - тёмно-синий цвет в них ставите ваши коды от социальных сетей.

Установка:

1. Там где хотим видеть кнопки:

Код
<div class="over_share">  

<div class="vkontakte_share">  
<div class="in_share">  
<!--vk-->  

Здесь Ваш код в контакте  

<!--/vk-->  
</div>  
</div>  

<div class="twitter_share">  
<div class="in_share">  
<!--twitter-->  

Здесь Ваш код в твиттере  

<!--/twitter-->  
</div>  
</div>  

<div class="facebook_share">  
<div class="in_share">  
<!--fb-->  

Здесь Ваш код в фейсбуке  

<!--/fb-->  
</div>  
</div>  

<div class="gplus_share">  
<div class="in_share">  
<!--gp-->  

Здесь Ваш код гугл+  

<!--/gp-->  
</div>  
</div>  

</div>


2. В Таблицу Стилей CSS:

Код
.over_share {  
height:100px;  
margin-bottom:10px  
}  

.in_share {  
padding-top:70px;  
padding-left:16px  
}  

.vkontakte_share {  
background:url(http://7old.ru/ucoz-files/1/vk_share.jpg) #2C6992;  
width:165px;  
height:100px;  
float:left  
}  

.twitter_share {  
background:url(http://7old.ru/ucoz-files/1/tw_share.jpg) #009DC4;  
width:165px;  
height:100px;  
float:left  
}  

.facebook_share {  
background:url(http://7old.ru/ucoz-files/1/fb_share.jpg) #23599D;  
width:165px;  
height:100px;  
float:left  
}  
.gplus_share {  
background:url(http://7old.ru/ucoz-files/1/gp_share.jpg) #EF341B;  
width:165px;  
height:100px;  
float:left  
}  

.twitter_btn {  
width:105px;  
overflow:hidden;  
padding:1px;  
background:#FFFFFF;  
margin-right:5px  
}  

.gplus_btn {  
width:70px;  
overflow:hidden;  
padding:1px;  
background:#FFFFFF;  
margin-right:5px  
}


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