fb:like-box，自定义CSS？

Question

如何在fb:like-box中添加自定义CSS文件？例如，我想去掉iframe周围的边框。谢谢。

- Johan

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"。

- DanielBlazquez

---

更多信息：https://dev59.com/3lLTa4cB1Zd3GeqPeOC7#4852787 - DanielBlazquez

这个方法似乎几天前就停止工作了。这里有一个替代方案，非常相似：http://pixabay.com/de/blog/posts/how-to-style-a-facebook-like-box-with-css-30/ - Simon Steinberger

现在一个月过去了，他们的下一个尝试也失败了。可以肯定的是，自定义 CSS 的事情彻底失败了。 - lkraav

这种自定义 Facebook 点赞框的方法已经失效了。Facebook 旨在提供一致的用户体验，并删除了所有可用选项，以将自定义 CSS 样式表注入到此小部件中。 - DanielBlazquez

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周以上的帖子，则流将为空。

- user1654320

Answer 3

你可以在 <fb:like-box> 标签中添加一个带有 href 的 css 属性，指向你的自定义 CSS 样式表。这样可以让你操作现有的样式。

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

- Chris

---

我尝试过那样做，但当我将fb:like-box更改为fb:fan时，框消失了。 - Johan

Answer 4

Facebook like box不再支持CSS。Facebook报告： 由于安全问题，已删除对自定义CSS的支持。现在允许likebox插件通过show_border=false参数呈现无边框。 但是，如果您想使您的like box具有丰富多彩的外观，可以使用svg渐变技巧。 阅读 - 使用SVG为Facebook Like Box设置样式。

- Sara Farooqui

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?...

完成

- LionsAd