Клуб пользователей блока «Поделиться»

Свои стили

dexterslab
28 января 2011, 11:22

Можно ли выпадающему списку соц. закладок присвоить стили сайта, допустим через класс? Либо же вообще отказаться от кнопки и ссылки, оставив только значки?

У меня, например, ссылки бордовые и шрифт иной, а тут вываливаются синие и шрифт крупнее. А если вместо кнопки сделать ссылку, то там надпись вообще получается микроскопической, уж не знаю, откуда она такой стиль берет. Смотрится неэстетично. Это основной момент, который удерживает меня от перехода с однойкнопки.ру на яндекс.

25 комментариев
Подписаться на комментарии к посту
вам ничего не мешает переопределить или доопределить стили для блока на своей странице

а вариант блока с одними иконками, мы скоро сделаем
А как это сделать? мне например нужен темный фон в блоке вместо белого...
посмотрите какие css-классы надо переопределить и переопределите :)
да это-то понятно, но хотя бы намкените в какой-строке это менять, а еще лучше пример бы какой-нибудь...
это не менять надо, а у вас дописыть

у элементов в выпадающем списке стоит class="b-share-popup__item". у этого класса не переопределяется абсолютно ничего, даже !important не помогает!


с классами ссылки Поделиться и ее оборток - что-то можно определить в css, уже хорошо

у любого css-класса можно все переопределить, так устроен css
Допустим вот пример разметки на 1 элемент





Я.ру

Я сократил ссылку, чтобы было читабельнее. И так, прошу пример привести, как сделать так, чтобы изменить цвет у ссылок в выпадающем списке? цвет любой, пусть даже #aaa

Кстати, не имеет закрывающего тэга? по крайней мере Opera DragonFly так показывает..
body a.b-share-popup__item .b-share-popup__item__text {
   color: #AAA;
}
собственно, «a.b-share-popup__item .b-share-popup__item__text» — это стандартный стиль
body впереди нужен, чтобы повысить приоритет вашему правилу

ie6 плюет на body

вариант с body всё решил, спасибо! (+1)
Хорошо, со стилями попробую. А как насчет третьей опции "пусто" вместо кнопки и ссылки? Так нужен этот выпадающий список?
будет, я ж написал
А как это сделать? мне например нужен темный фон в блоке вместо белого...
посмотрите какие css-классы надо переопределить и переопределите :)
да это-то понятно, но хотя бы намкените в какой-строке это менять, а еще лучше пример бы какой-нибудь...
это не менять надо, а у вас дописыть

у элементов в выпадающем списке стоит class="b-share-popup__item". у этого класса не переопределяется абсолютно ничего, даже !important не помогает!


с классами ссылки Поделиться и ее оборток - что-то можно определить в css, уже хорошо

у любого css-класса можно все переопределить, так устроен css
Допустим вот пример разметки на 1 элемент





Я.ру

Я сократил ссылку, чтобы было читабельнее. И так, прошу пример привести, как сделать так, чтобы изменить цвет у ссылок в выпадающем списке? цвет любой, пусть даже #aaa

Кстати, не имеет закрывающего тэга? по крайней мере Opera DragonFly так показывает..
body a.b-share-popup__item .b-share-popup__item__text {
   color: #AAA;
}
собственно, «a.b-share-popup__item .b-share-popup__item__text» — это стандартный стиль
body впереди нужен, чтобы повысить приоритет вашему правилу

ie6 плюет на body

вариант с body всё решил, спасибо! (+1)