Поделиться от Яндекса сбоку сайта

  • lbmoney

    (@lbmoney)


    10 лет, 4 месяца назад

    Ребят, как подменить CSS у блока Яндекса, чтобы кнопки красиво плавали сбоку сайта и выстроились в ряд?
    (использовать готовые сервисы не хочу, так как этот работает я Метрикой)

    Вот поставил на сайт, разместил сбоку с помощью вот такого CSS:

    .yashare-auto-init {
display: inline;
width:50px;
height:250px;
position:fixed;
left:0;
top:30%;
z-index: 99999;
}

    Но счетчик у кнопки сползает вниз и первая иконка сдвинута влево.

    Как переписать CSS .b-share_theme_counter .b-share {
    display: inline-block;} на просто inline ?

    Я в верске слобоват, давайте для всех сварганим плавоющую панель от Яндекса

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Автор lbmoney

    (@lbmoney)

    10 лет, 4 месяца назад

    Собственно сайт

    Roman

    (@web911)

    10 лет, 4 месяца назад

    Попробуйте, это по-быстрому, возможно где-то меня подправите 🙂

    и первая иконка сдвинута влево 

    .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0;
}

    margin-left: 0; убрать и первая иконка станет на место

    В .b-share_theme_counter .b-share__link зафиксировать ширину, высоту

    .b-share_theme_counter .b-share__link {
width: 50px;
height: 50px !important;
}

    Циферки подбирайте примерно от 40px до 50px

    Лучше по умолчанию сделать, чтобы иконки и кол-во кликов(кому понравилось, поделились) были на разных строчках.
    Обтекание убрать, стоит float:left, сделать

    .b-share_theme_counter .b-share-icon {float:none}
.b-share-counter {float:none}

    Вообще, вот оно Ваше счастье addthis.com

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Поделиться от Яндекса сбоку сайта» закрыта для новых ответов.