Css 嵌入式Facebook-Like Box赢得'；别让我来设计它。为什么？

我正在尝试在我的网站上的一个页面上放置一个类似Facebook的框，然后通过我自己的CSS对其进行样式化（主要是为了增加div#stream_内容的高度。（想法是让FB提要充当新闻提要，但我不希望用户必须滚动才能看到更多的前两项，或者像默认情况下那样）

我已经阅读并尝试了这些文章和其他文章中的建议： http://stackoverflow.com/questions/4064038/customizing-facebook-like-box，
，

我选择FBML路线（而不是使用iframe），因为我收集应用跨域样式表所需的数据。我还收集到我的网页需要此doctype声明：

因此，我在页面的正文中有这样的内容：

    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <fb:like-box
            profile_id="***my ID here***" 
            width="450"
            height="600"
            colorscheme="dark"
            show_faces="false"
            stream="true"
            header="false"
            logobar="0"
            css="http://***my domain here***/css/FBstyles.css?1"
            href="http://www.facebook.com/***my page name here***"
    ></fb:like-box>

但我仍然会犯这样的错误： “（4）不安全的JavaScript试图从URL

http://www.facebook.com/plugins/likebox.php?channel=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D2%23cb%3Dfd907a0e%26origin...blahblahblah

。域、协议和端口必须匹配。“

---

我在哪里搞砸了？

我也走了这条路。虽然你使用FBML，但实际嵌入的代码最终还是一个iframe。（加载后，你可以在DOM中通过HTML检查器看到它）。我能做的唯一一件事就是把它放在一个有彩色背景的div中，因为iframe是透明的，有边框

你可能会遇到错误，因为Facebook服务器上的javascript试图访问你服务器上的CSS。我不认为你可以这样做

编辑：

---

在您提供的StackOverflow链接中，发布的答案清楚地表明，使用您自己的CSS只适用于“Fan”框，而不适用于“Like”box.

Sparky，谢谢你提出Fan vs Like box的问题，因为我忘了解决这个问题：我尝试哪一个都没关系，因为两者都会给我带来同样的不安全Javascript错误，而且在样式设计上也没有运气。只有Like box允许我自动设置“黑暗”主题，删除照片和额外标题。我看不到有人提到使用你自己的样式我不相信这是可能的。@Sparky672：至少对于Facebook来说，这是一个功能：他们可以推广自己的品牌，而且人们不能轻易地把FB插件控件伪装成其他东西(“我点击了什么？！它看起来和Facebook一点关系都没有！”@Piskvor：我同意。也许这在一年前是有可能的，但正如我提到的，我在开发人员文档中找不到能够使用您自己的样式表的内容。这一切都与您对品牌的了解背道而驰。@Sparky672:正如我所说，我认为FB关心的是自己的品牌，而不是您的品牌。拥有0.5G用户，t“我们的路还是高速公路”很有可能逃过一劫：(