Кнопки социальных сетей от Mail.Ru

Статус
В этой теме нельзя размещать новые ответы.

Bauka

Гуру форума
Регистрация
17 Янв 2013
Сообщения
118
Реакции
87
Share кнопки от Mail.Ru

Безымянный.png

1. Залить папку share и файл share.js в корень сайта.
2. В стили сайта добавить (URL поменять на свой)
.shareinit{
background:#d4ffd3;
padding-top:5px;
border-radius:10px}
#share{
display:inline-block;
height:38px;
text-align:center}
#share a{
display:inline-block;
height:38px;
text-decoration:none;
margin:0 0 0 15px;
padding:0 0 0 38px}
#share a:first-child{
margin:0}
#share a:hover{
background-position:0 -38px !important}
#share a[data-count=odkl]{
background:url(//site.com/share/odnoklassniki.png) 0 0 no-repeat scroll}
#share a[data-count=mail]{
background:url(//site.com/share/mail.png) 0 0 no-repeat scroll}
#share a[data-count=fb]{
background:url(//site.com/share/facebook.png) 0 0 no-repeat scroll}
#share a[data-count=twi]{
background:url(//site.com/share/twitter.png) 0 0 no-repeat scroll}
#share a[data-count=vk]{
background:url(//site.com/share/vk.png) 0 0 no-repeat scroll}
#share a span{
float:right;
height:32px;
font:11px/32px tahoma;
color:#555;
padding-left:0}
3. В любую страницу вставить (данные поменять на свои)

<div class="shareinit" data-description="Здесь описание страницы" data-url="Для просмотра ссылки Войди или Зарегистрируйся" data-image="Для просмотра ссылки Войди или Зарегистрируйся" data-title="Здесь название"></div>

Скачать:


Прошу выложить если имеются другие
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху