当前位置：文江博客话题详情

fb：like-box，自定义CSS？

发布于 2024-10-15 16:13:26 字数 63 浏览 7 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

等待圉鍢 2024-10-22 16:13:26

新的like-box不接受“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”。

The new like-box does not accept the "css" attribute. You have to use the old fb:fan plugin to achieve it.

For example:

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

Remember to add the "all.js".

回复收藏 0 原文

不顾 2024-10-22 16:13:26

<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 周的帖子，直播将会是空的。

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

Don't use live stream for pages with low post rate, the stream will be empty if there are only posts older than 6 weeks.

回复收藏 0 原文

合久必婚 2024-10-22 16:13:26

您可以将 css 属性添加到标记，并将 href 指向自定义 CSS 样式表。这将允许您操纵现有的样式。

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

回复收藏 0 原文

挽梦忆笙歌 2024-10-22 16:13:26

Facebook like box 不再支持 CSS。脸书报道：
由于安全问题，对自定义 CSS 的支持已被删除。现在，我们允许通过 show_border=false 参数呈现 likebox 插件无边框。
然而，如果你想让你的点赞框变得丰富多彩，你可以使用 svg 渐变技巧。阅读 - 使用 SVG 设计 Facebook Like Box