Facebook Like Box - 编辑 iFrame CSS答案

【问题标题】：Facebook Like Box - Edit iFrame CSSFacebook Like Box - 编辑 iFrame CSS
【发布时间】：2013-04-23 02:48:58
【问题描述】：

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

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

【问题讨论】：

标签： jquery facebook iframe widget

【解决方案1】：

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

【讨论】：

我也阅读了大部分这些文章。我刚刚听说过关于 twitter 小部件的相同事情，但后来找到了一个解决方案，所以我想看看是否有人可以使用相同的 jQuery 方法来处理 Facebook 小部件。

【解决方案2】：

取自我的博客，你可以看到Facebook的likebox here，只是为了改变iframe的Facebook外观，不能改变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>

DEMO1 和 DEMO2。

【讨论】：

我希望能够控制的不仅仅是边界。我正在寻找编辑所有文本和链接的字体颜色并删除头像。

【解决方案3】：

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

【讨论】：