jquery - Facebook Like Box - 编辑 iFrame CSS

Question

我能够使用以下指令将 css 编辑到我的 iframed twitter 小部件： iframe CSS Override for New Twitter Widget

但是，我似乎无法在 facebook 上找到类似的东西，比如 box 小部件。有谁知道类似的东西是否适用于facebook？

Answer 1

取自我的博客，你可以在这里看到 Facebook 的likebox ，只是为了改变 Facebook 的外观iframe，不能改变css，AFAIK

CSS

.sidebar-box {
    width:260px;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px #ddd;
    -webkit-box-shadow: 0px 0px 8px #DDD;
    box-shadow: 0px 0px 8px #DDD;
}

HTML

<div class="sidebar-box">
    <iframe src="..." scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;margin-left:-17px;" allowtransparency="true"></iframe>
</div>

演示 1和演示2 。

Answer 2

不幸的是，Facebook 似乎已经删除了所有自定义点赞框的方法。看：

• http://pixabay.com/en/blog/posts/how-to-style-a-facebook-like-box-with-css-30/（update盒子）
• 使用 CSS 停止工作自定义 Facebook Like Box
• https://developers.facebook.com/bugs/134065666769816
• http://developers.facebook.com/bugs/551565398209379
• https://developers.facebook.com/bugs/252607348205681/

Answer 3

通过 chrome 或 FF 中的开发者工具查看您的likebox 的源代码。复制 iframe 代码并将从 facebook 获取的 likebox 插件代码替换为 iframe 代码。然后，您可以更改 iframe 的宽度和高度等。