Question

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

然而，我似乎无法得到类似的东西在Facebook上工作的小部件。有没有人知道类似的东西是否适用于facebook？

Answer 1

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

Answer 2

从我的博客中，您可以看到Facebook收藏夹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。

Answer 3

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

Facebook Like Box - 编辑iFrame CSS

3 个答案: