facebook喜欢框外部css答案

【问题标题】：facebook like box external cssfacebook喜欢框外部css
【发布时间】：2010-12-23 10:47:31
【问题描述】：

我需要自定义 Like 框的布局，我遇到的问题是我在以下 iframe 中找不到任何方法，

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%platform&width=700&connections=5&stream=false&header=false&height=180&css=http%3A%2F%2Flocalhost%2Fq.css" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:180px;" allowTransparency="true"></iframe>

早期的 facebook like box 有加载外部 css 的选项，我试过了，但它没有通过上面的 iframe 选项上传。

我在哪里可以找到解决方案

请帮我设置外部 css。

谢谢，罗希特

【问题讨论】：

标签： iframe facebook

【解决方案1】：

您仍然可以使用 css 选项，但您必须使用不同的 iframe URL：

http://www.connect.facebook.com/widgets/fan.php?href=FACEBOOKPAGEURL&amp;width=185&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=280&amp;css=CSSFILE

编辑 14-3-2013

此解决方法不再有效。

【讨论】：

注意：所有属性都是一样的，所以发帖人是对的，用http://www.connect.facebook.com/widgets/fan.php替换http://www.facebook.com/plugins/likebox.php就可以了。
是的，它使用旧的风扇盒。您指定的 CSSFILE 应该是可公开访问的 URL。然后，Facebook 将一个<link> 注入到 iframe 的 html 源中，该 css 样式表。根据我的经验，它不是直接链接，而是指向http://...fbcdn.net/fbml_static_get.php?... 的链接，这是一个 PHP 应用程序，可以检索您可公开访问的 CSS，然后对其进行按摩并缓存它。但 FB 表示所有 FBML 端点都将在 2012 年 6 月 1 日消亡。developers.facebook.com/roadmap。因此，这种方法可能只会再工作几个月。

【解决方案2】：

我尝试将 Likebox 链接到本地 css 文件但不成功。在 Facebook 论坛某处研究这个问题时，我读到管理员的帖子说 Facebook 希望在 Like 框之间保持一致的格式，因此只能调整少数属性，而这些是您在初始 Like 框代码中获得的标准属性。 Facebook 的文档还有很多不足之处。

吉姆

【讨论】：

【解决方案3】：

我也尝试过设置de Like box的样式，但是新插件不支持iframe中的“css=”选项。

我仍然使用旧的 Like box 插件，但是 CSS 被缓存了，我无法更新它。

http://www.facebook.com/connect/connect.php?id=60159065762&amp;connections=0&amp;stream=0&amp;css=http%3A%2F%2Fdescargas.mundijuegos.com%2Fcss%2Ffb2.css%3F12

我知道您现在可以使用自己的 CSS 的唯一方法是使用带有 "fb:fan" plugin 的脚本格式。

更新

如果您使用“fb:fan”插件，它会生成一个 iframe 。您可以复制此 URL 并直接使用它 (http://www.facebook.com/plugins/fan.php?....)。

【讨论】：

绕过缓存很容易。您需要在每次页面加载时指定不同的 CSS URL。一种方法是从 PHP 程序中回显 CSS。对于您提供给 facebook 的 CSS URL，将 URL 传递给 PHP 程序，并带有一个虚拟查询参数和一个与之关联的随机生成的值。 http:.//example.com/generateCss.php?_=309339。因为每次都是唯一的 URL，FB 不会缓存 CSS。但是这种方法无论如何都可能停止工作，因为它依赖于 FB 端的 FBML 程序，而 FBML 将于 2012 年 6 月 1 日关闭。

【解决方案4】：

Facebook 不再支持 CSS。所有使用 css 的 facebook 设计黑客都将不再有效。然而，facebook 现在允许通过 show_border=false 参数来呈现likebox 插件无边框。但是，如果您想在赞框的背景中添加一些颜色渐变以匹配您博客的多彩主题，您可以使用 SVG。阅读本指南 - http://www.howtokickblogger.com/2013/08/style-facebook-like-box-with-svg.html

【讨论】：