造型社交分享按钮

时间:2014-02-03 09:47:43

标签: javascript css facebook twitter google-plus

通过引用社交分享按钮api,例如Facebook,Twitter和google plus,我创建了一个简单的小提琴来共享链接(例如:http://www.google.com)。

Fiddle

我的小提琴工作正常,但链接特别是twitters带有我不想要的默认风格。

我实际上计划将非样式的纯文本作为社交分享按钮。

我尝试更改样式或使用备用锚元素触发共享按钮,但意识到这是不可能的,因为共享按钮链接在IFRAME中生成。

有关如何更改这些按钮样式的任何帮助吗?

2 个答案:

答案 0 :(得分:2)

因此,这些网站对您的内容有特定的规定,不允许对其内容进行品牌宣传,例如共享链接,带徽标的按钮等。

https://www.facebookbrand.com/

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

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

话虽如此,你的问题是你正在进入twitter-share-button类,这会将元素变为按钮。摆脱它,你只会看到文字。

答案 1 :(得分:1)

您可以使用twitter链接中传递的数据属性。像

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">