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

lbmoney · 29.08.2014, 14:49

Ребят, как подменить 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 ?

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

viktori2205 · 29.08.2014, 20:30

Посмотрел, у меня(ФФокс) никуда не сползает, только иконки разного размера. Вроде есть сервисы, которые дают код для такого расположения. В вёрстке как и вы, так что конкретно не помогу.

D.iK.iJ · 29.08.2014, 23:28

Там, похоже, просто пробел после каждой кнопки. А перед первой его нет.
Ну и симпатичнее было бы без счетчиков

Добавлено через 41 минуту
В похожих темах: http://forum.sape.ru/showthread.php?t=85892

Добавлено через 2 часа 11 минут
Перерыл все что мог, но нашел эту скотину:

Цитата:

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

Достаточно добавить в стили и все работает!
Стили брал вот такие:

Цитата:

.yashare-auto-init{
position:fixed;
width: 50px;
height: 150px;
left:0px;
top:30%;
z-index: 99999;
}
.b-share-btn__wrap {
margin-left: 0px !important;
}

lbmoney · 01.09.2014, 20:23

Цитата:

Сообщение от D.iK.iJ

Там, похоже, просто пробел после каждой кнопки. А перед первой его нет.
Ну и симпатичнее было бы без счетчиков

Стили брал вот такие:

Все ок! Спасибо! Вот только видимо мешать будет тем, кто имеет узкий экран.

D.iK.iJ · 01.09.2014, 22:51

Цитата:

Сообщение от lbmoney

Все ок! Спасибо! Вот только видимо мешать будет тем, кто имеет узкий экран.

Это же просто. Можете сделать положение -30 (или -10) пикселей и выдвигать кнопки по hover.

Цитата:

.yashare-auto-init{
left:-30px;
}
.yashare-auto-init:hover {
left:0px;
}

А можно скриптом измерять ширину, например, <body id="main"> или другого дива и прятать кнопки, если экран слишком маленький.
Нужно тестить:

Цитата:

document.getElementById("main").offsetHeight <= "600"){document.getElementById("yashare-auto-init").style.display='none';}

29.08.2014, 14:49	#1
lbmoney Мастер Регистрация: 21.08.2008 Адрес: Минск Сообщений: 881 Вес репутации: 222	Поделиться от Яндекса сбоку сайта Ребят, как подменить 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 ? Я в верске слабоват, давайте для всех сварганим плавающую панель от Яндекса __________________ Фотограф Кулинарные рецепты Архитектурная студия

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Кастомный блок «Поделиться» от Яндекса	Красавчег	Разработка и сопровождение сайтов	42	20.02.2013 18:26
Приведёт ли перемещение сайта на другой хостинг к выпадению сайта из индекса Яндекса?	zemanuil	Хостинг и доменные имена	5	11.09.2010 21:25
Кто хочет поделиться опытом	Rolf	Курилка	11	09.08.2010 09:35
Не могу не поделиться )))	Красавчег	Курилка	0	21.02.2010 16:52

29.08.2014, 20:30	#2
viktori2205 Новичок Регистрация: 04.03.2011 Сообщений: 22 Вес репутации: 0	Посмотрел, у меня(ФФокс) никуда не сползает, только иконки разного размера. Вроде есть сервисы, которые дают код для такого расположения. В вёрстке как и вы, так что конкретно не помогу.