Question

是否可以将自定义css文件添加到fb：like-box？例如，我想删除iframe周围的边框。感谢

Answer 1

新的喜欢框不接受“css”属性。你必须使用旧的fb：fan插件才能实现它。

例如：

<fb:fan profile_id='[PAGE_ID]' width='300' height='256' show_faces='true' stream='false' header='false' css='[CSS_URL]'></fb:fan>

请记住添加“all.js”。

Answer 2

<div id="fb-root"></div>

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("Your-App-ID");</script>

<fb:fan profile_id="Your-Page-Profile-ID" connections="20" width="300" height="300" css="http://example.com/likebox-style.css?1"></fb:fan>

不要对发布率较低的网页使用直播，如果只有超过6周的帖子，则流将为空。

Answer 3

您可以使用自定义CSS样式表的href向css标记添加<fb:like-box>属性。这将允许您操纵现有样式。

关于这个主题的好文章：http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site

Answer 4

Facebook喜欢的盒子不再支持CSS。 Facebook报道：由于安全隐患，已删除对自定义CSS的支持。我们现在允许likebox插件通过 show_border = false 参数呈现没有边框。但是，如果你想让你的盒子变得多彩，你可以使用svg渐变技巧。阅读 - Styling Facebook Like Box With SVG

Answer 5

有关该主题的更多信息：

如果您想使用force_wall属性，则需要使用iframe版本。

基本上：

转到：

http://developers.facebook.com/docs/reference/plugins/like-box/
获取iframe代码
为其添加profile_id和css属性（如上所述）
从www.facebook.com/plugins/likebox.php更改路径？到http://www.connect.facebook.com/widgets/fan.php？...

完成

fb：喜欢盒子，自定义css？

5 个答案: