如何放大Twitter按钮？

我从开发者网站代码：如何放大Twitter按钮？

<div id="custom-tweet-button"><a target="_blank" class="twitter-share-button" href="https://twitter.com/share" data-text="Hey! 20% off!" data-count="none">Tweet to Friends</a></div>

，但它只是忽略我已经尝试过，甚至把它内联的CSS，但我不能。我GOOGLE了，但最好的，我发现是在eHow.com，他们只是建议使用另一种类型的按钮。（我正在使用一个没有计数）

来源

2011-11-23 Tsundoku

您是否包含CSS样式表？ – Curt

是的，我也试过这也 – Tsundoku

我在不久前想到这个，但与谷歌加。我所做的是查看加上使用的CSS，然后创建我自己的样式表（使用相同的规则），但使用!important标签替换原来的样式表。这是成功的谷歌加上（有一个很好的按钮是120x120px），所以我想像相同可以用于Twitter。

当我正在研究需要做什么时，我使用了chrome的检查元素来查找正在使用的样式表。

来源

2011-11-23 16:58:36 topherg

这实际上是一个伟大的想法谢谢，但我认为微博使用图像（我只是注意到 - 不是100％肯定，仍然通过代码看）可以被替换？ – Tsundoku

好吧，图像通常使用'background'或'background-image'在css中设置。你可以清除这些，用你自己的CSS替换它们。如果这不起作用，您可以使用jquery在twitter区域中查找和编辑图像并替换它们。授予，这将导致闪烁，但它也应该工作。 – topherg

您可以使用CSS as explained here构建您自己的Twitter推文按钮。

<style type="text/css" media="screen"> 
     #custom-tweet-button a { 
     display: block; 
     padding: 2px 5px 2px 20px; 
     background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat; 
     border: 1px solid #ccc; 
     } 
</style> 

<div id="custom-tweet-button"> 
     <a href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a> 
</div>

使用此方法时，你必须使用查询字符串参数定制鸣叫按钮的行为，以及办理股份框弹出。

来源

2011-11-23 17:09:21

我试图做到这一点，它只是没有把代码实际上放在代码中我把它放在＃custom-tweet-button div =/ – Tsundoku

你必须确保你没有使用iFrame版本的Twitter按钮代码，但只使用锚点的自定义版本。例如：http：//www.joeleckroth.com/so/8246042.html - 自定义按钮只是使用一个锚点，并将参数添加到锚点网址。 –

如何放大Twitter按钮？

回答

相关问题