Question

我的页面上有一个facebook'Like'按钮，它工作正常。但是当访问者在Facebook登录为“页面”时，它会包含一张照片并打破我的设计。我想这是因为不允许使用Pages。

我几乎有这样的iframe：http://developers.facebook.com/docs/reference/plugins/like-box/

我如何摆脱这种形象的想法？任何改变设计的方法，禁用这个“功能”或检查用户是否以页面登录（隐藏整个内容）？

由于

修改问题的屏幕截图：i.imgur.com/gLa7Q.png 在顶部我以普通用户身份登录，底部我是“使用Facebook作为页面”

我正在使用的代码：<iframe class="facebook" src="http://www.facebook.com/plugins/like.php?href=<?=urlencode('http://www.mysite.com')?>&layout=standard&show_faces=false&width=210&action=like&colorscheme=light&height=45" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

Answer 1

您可以使用css中的'overflow'元素来阻止它破坏设计。这至少使得类似的盒子保持相同的大小，无论有人登录到Facebook。

1）在div中包装你的喜欢的框并给它一个id（在HTML中）

<div id="mylikebox"> Facebook like Box Code in here </div>

2）添加到CSS（如果需要，调整高度和宽度）

#mylikebox {
height: 70px;
width: 210px;

overflow: hidden;
}

让我知道它是否成功！

Answer 2

我刚刚注意到完全相同的问题。似乎是FB的一个错误，因为它们为他们的类似按钮提供了一个插入代码，该代码在特定但完全正常的条件下中断（即作为页面登录到FB。）我也想要一个解决方案。与此同时，这个错误促使我从我的博客中完全删除了FB like按钮，不幸的是，这似乎是目前唯一的解决方案。

Answer 3

我发现这在Facebook开发者身上就像箱子配置页面一样。肯定是facebook的bug。

Answer 4

纳撒尼尔提供的答案对我有用。我将所有社交图标排成一行：http://www.cg-its.com

通过设置div高度为30，并添加overflow：hidden属性，如果有人以页面而不是个人帐户登录，则可以看到红色框的一部分，以及允许他们登录的“切换”URL以个人身份回归。

这并不完美，但对于用户数量而言，它会影响它是一个很好的解决方案。

Facebook以按钮“打破”作为页面登录时“打破”

4 个答案: