如何使Facebook像按钮缩小比225px?

时间:2012-05-16 16:23:41

标签: facebook

我正在通过https://developers.facebook.com/docs/reference/plugins/like/为我的网站生成一个带有Facebook“标准”布局的按钮。我将其宽度设置为200像素,但请注意,将其设置为低于225像素无效,并且该页面上的文档确实指定225px作为标准布局的最小宽度。不幸的是,我需要使它宽200像素,以适应我的网站的设计。有没有办法强迫它进入这个宽度?

(该网站位于http://gwwc2.centreforeffectivealtruism.org/,如果您想玩Firebug,虽然类似按钮是由javascript生成的,因此您可能需要复制该网页并编辑其来源。)

3 个答案:

答案 0 :(得分:1)

宽度限制的原因是显示给未登录用户的文本。

你会发现,如果你的 按钮样式缩小低于225px,一些用户会发现你的布局中断了(我试过这个,结果是不好)。

但是,您可以选择不同的按钮样式。

  • 取消选中发送按钮选项
  • 选择button_count选项
  • 将宽度设置为200px
  • 取消选中show faces

你会得到这个: -

<div class="fb-like" data-href="http://www.example.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>

符合您的宽度要求。使用box_count也可以正常工作。

答案 1 :(得分:0)

在iFrame &width=225属性中取出src并且根本不传递任何宽度。在iframe style属性中,指定css值width:200px;如果您传递的值小于源网址中的最小值,则Facebook会忽略它,但如果您自定义样式,则iframe本身为该宽度,内容会挤进去。

答案 2 :(得分:0)

创建一个说明iframe { width:200px !important; )

的CSS规则

我会使该规则特定于您的Facebook小部件所在的任何DIV或容器。当然,如果你这样做后看起来很糟糕,你可以把它拿出来。但是如果你只是包含一个“喜欢”按钮(没有面孔),它应该可以工作。