D.iK.iJ
 
Ссылки Поиск Написать В избранное NO

Блоггер / Блог 2014 год

RSS лента новостей, Подписка по Email

      Как сделать вертикальный блок «Поделиться» от Яндекса

         Есть такой замечательный блок Yandex Share. Он позволяет посетителю поделиться статьей или страницей сайта в соцсетях. Не так давно Яндекс добавил к нему счетчики репостов (на данный момент есть у меня на сайте внизу - перед комментариями). Так вот, этот блок горизонтальный, а нам нужен вертикальный блок поделиться. Да еще и такой, чтобы находился на странице слева и двигался при прокрутке.
         Чтобы это сделать, нужно просто добавить кнопку на сайт и прописать в стилях CSS:
         
.yashare-auto-init{ position:fixed;
width: 50px;
height: 150px;
left:0px;
top:30%;
z-index: 99999; }

.b-share-btn__wrap { margin-left: 0px !important; }

         Вот именно во второй части и есть вся соль. Она убирает лишний пробел перед первой кнопкой и позволяет им выглядеть очень даже симпатично:

(30.08.2014 blogger) Вертикальный блок Поделиться от Яндекса - Двигается при прокрутке

         
         
Главная, 1, 2,
( 73 )