Styling social sharing buttons

Question

Отправляя кнопку совместного доступа к сообществу api, такую ​​как Facebook, twitter и google plus, я создал простую скрипту, чтобы разделить ссылку (например: http://www.google.com).

Fiddle

Моя скрипка работает нормально, но ссылки специально щебечет приходит со стилем по умолчанию, которые я не хочу иметь.

Я фактически планировал использовать нестандартный текст в виде социальных кнопок обмена.

Я попытался изменить стиль или вызвать кнопки совместного доступа с помощью альтернативных элементов привязки, но понял, что это невозможно, поскольку ссылки на кнопки обмена генерируются в IFRAME.

Любая помощь по изменению стилей этих кнопок?

Answer 1

Вы можете поиграть с атрибутами данных, переданными в твиттер-ссылке. Как

http://jsfiddle.net/UL6XB/6/

<a href="https://twitter.com/share" class="" data-url="http://www.google.com" data-via="your_screen_name" data-text="Checking out this page about Tweet Buttons" data-count="none"> 

Answer 2

Таким образом, эти сайты имеют конкретные правила о том, что вы и не могут сделать с их брендинга для таких элементов, как совместное использование ссылки, кнопки с логотипами и т.д.

https://www.facebookbrand.com/

https://about.twitter.com/press/brand-assets

https://developers.google.com/+/branding-guidelines

Как вы сказали, ваша проблема в том, что вы тянете класс twitter-share-button, который мутирует элемент в кнопку. Избавьтесь от этого, и вы просто увидите текст.