改变Twitter关注按钮的大小?

时间:2011-06-02 13:08:26

标签: javascript twitter

我正在查看新的Twitter关注按钮(https://twitter.com/about/resources/followbutton),但不幸的是我的侧边栏小于默认大小,从而使我的整个网站失控。

是否有一种简单的方法来破解脚本以调整按钮的大小,或者至少在实际的跟随按钮和帐户名称之间设置换行符?

2 个答案:

答案 0 :(得分:3)

如果您查看页面来源,那么您的推特代码将从

转换
<div class="twitter">
  <!-- twitter code here -->
</div>

<div class="twitter">
  <iframe ...>...</iframe>
</div>

现在可以通过css轻松更改按钮的宽度:

.twitter iframe {
  width: 80px !important;
}

答案 1 :(得分:1)

我将按钮包装在一个具有漂亮类名的容器中,并使用CSS来调整样式。

.twitter-button-container{
  width: 100px;
  height:100px;
}

类似的东西。

<强>更新

第二个想法,似乎图像是锚标签的背景图像。我不认为可以使用CSS等来调整背景图像的大小。您需要将图像放在img标记中。