自定义 facebook like-box答案

【问题标题】：customizing facebook like-box自定义 facebook like-box
【发布时间】：2010-10-31 16:52:13
【问题描述】：

我想自定义我的 Facebook 赞框的设计。我已经在网上搜索并按照所有说明进行操作，这是我尝试过的链接，但它似乎已过时：

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

网络上有很多教程，但都有相同的解决方案。

在此卡住了将近 2 个小时。有谁知道如何自定义like-box？

非常感谢您的帮助。

【问题讨论】：

这里有同样的问题。我不知道如何将我的自定义样式表添加到新的<fb:like-box> 中。教程已过期。

标签： css iframe facebook facebook-like

【解决方案1】：

从这里获取 XFBML 代码：http://developers.facebook.com/docs/reference/plugins/like-box/#
将 fb:like-box 重命名为 fb:fan
在您的网站上上传您的 css 文件
将此参数添加到 fb 标签：profile_id="ID OF YOUR PAGE" css="http://example.com/css/your-cutom-style.css?1"

享受:)

【讨论】：

请注意，您需要包含 profile_id 属性，如 mdpatrick 所述
为什么我需要将like-box重命名为fan？有什么区别？

【解决方案2】：

Weltkind 做对了。诀窍是，当您将 <fb:like-box> 更改为 <fb:fan> 时，您还必须包含 profile_id 属性，否则它不会显示任何内容！如果您将粉丝页面 URL 重命名为我有，原始号码可以从见解页面中获取。我会支持 Weltkind，但我还没有足够的声誉。多哈。 :)

【讨论】：

【解决方案3】：

Facebook 有一个“向导”，几乎可以为您提供所有允许的选项和样式。

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

【讨论】：

我为点赞按钮（第一个链接）和点赞框（第二个链接）提供了一个链接。
是的......你不能在那里编辑设计......这是他们的默认设计......我想要的是我想要改变颜色，省略边框，改变like按钮的位置，等等……
Like Box 是一个 iframe，因此您无能为力。更改“赞”按钮违反了他们的服务条款。 “虽然您可以调整大小以满足您的需要，但您不能以任何其他方式（例如通过更改设计）修改 Like 按钮。”
ic.. 但是，有些网站他们的 facebook likebox 是自定义的.. 嗯
-1 这个向导几乎不允许你设置任何样式，除了宽度。

【解决方案4】：

你的问题到底是什么？提供的链接上的说明确实很好用。每次进行更改并上传时，请务必更新 css 文件的“?1”参数。

如果您有链接，我可以为您提供更多帮助。

【讨论】：

我在我的代码中做到了，只是当我将 fb:like-box 更改为 fb:fan 时，fb like-box 消失了。这就是为什么我认为该教程已经过时了。事实上，facebook 给他的代码与 facebook like-box 页面中生成的代码不同。

【解决方案5】：

您无法自定义 iframe 方法。但是，您可以通过自己的 css 自定义 xfbml 方法。看到这个页面：How to Customize your Facebook Fan Box

【讨论】：

【解决方案6】：

您可以使用 html 代码自定义 facebook like 框。最简单的方法，按照这个步骤。

将此代码放入您的 html 代码中，并将 iframe 的 url 替换为您的 facebook 页面 url。

可以参考here

【讨论】：