Question

我有来自开发者网站的代码：

<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我已经尝试过甚至把它放在内联但我不能。我搜索了它，但我找到的最好的是eHow.com，他们只是建议使用其他类型的按钮。（我正在使用不计数的那个）

Answer 1

不久前我正在考虑这个问题，但是使用Google Plus。我做的是查看加上使用的css，然后创建我自己的样式表（使用相同的规则），但使用!important标记来替换原始样式。这是成功的谷歌加（有一个很好的按钮，120x120px），所以我想这同样可以用于推特。

当我正在研究需要完成的工作时，我使用了chrome的inspect元素来查找正在使用的样式表。

Answer 2

您可以使用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>

使用此方法时，您必须使用查询字符串参数来自定义推文按钮的行为以及处理共享框的弹出窗口。

如何放大推特按钮？

2 个答案: