Facebook的樣箱 - 編輯的iFrame CSS

我可以使用下面的命令來編輯CSS來我的iframe Twitter的插件： iframe CSS Override for New Twitter Widget Facebook的樣箱 - 編輯的iFrame CSS

不過，我似乎無法得到類似的東西在Facebook上工作像盒子小部件。是否有人知道類似的東西是否會工作Facebook？

來源

2013-04-23 Daniel

不幸的是，Facebook似乎刪除了所有自定義類似框的方法。請參閱：

來源

2013-04-23 03:04:39 Bernie

我也閱讀了大部分的文章。我剛剛聽到了有關Twitter小部件的相同內容，但隨後找到了解決方案，因此我想查看是否有人可以使用相同的jQuery方法來使用Facebook小部件。 – Daniel 2013-04-23 12:55:37

從我的博客兩者，你可以看到Facebook的likebox here，只是改變Facebook lo ok了iframe的，不能改變css，據我所知

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。

來源

2013-04-23 03:10:03

我希望能夠控制的不僅僅是邊界。我正在編輯所有文本的字體顏色並鏈接並刪除頭像。 – Daniel 2013-04-23 12:54:37

通過chrome或FF中的開發人員工具查看您的likebox的源代碼。複製iframe代碼，並將取自facebook的likebox插件代碼替換爲iframe代碼。然後你可以改變iframe的寬度和高度等。

來源

2013-06-13 05:04:06 Jackson

Facebook的樣箱 - 編輯的iFrame CSS

回答

相關問題