facebook喜欢盒子外部css

时间:2010-12-23 10:47:32

标签: iframe facebook

我需要自定义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。

谢谢, 罗希特夏尔

4 个答案:

答案 0 :(得分:4)

您仍然可以使用css选项,但必须使用不同的iframe网址:

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

此解决方法不再有效。

答案 1 :(得分:3)

我尝试将Likebox链接到本地​​css文件但未成功。在Facebook论坛的某个地方研究这个问题时,我读了一篇管理员的帖子,说Facebook希望在Like框中保持一致的格式,所以只能调整一些属性,这些是你在最初的Like框代码中得到的标准属性。 Facebook的文档还有很多不足之处。

吉姆

答案 2 :(得分:0)

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

我仍然使用旧的Like框插件,但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?....)。

答案 3 :(得分:0)

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