我正在尝试在我的网站页面上放置一个 Facebook Like-Box,然后通过我自己的 CSS 对其进行样式设置(主要是为了增加 div#stream_content 的高度。(这个想法是让 FB feed 充当新闻) feed,但我不希望用户必须滚动才能看到更多顶部的两个项目,或者像默认情况下那样)。
我已阅读并尝试了这些文章及更多文章中的建议:http://stackoverflow.com/questions/4064038/customizing-facebook-like-box,
http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/,
http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html
我将采用 FBML 路线(而不是使用 iframe),因为我认为应用跨域样式表是必需的。我还了解到我的网页需要这个文档类型声明:
<!doctype html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en">
然后我在页面正文中添加了以下内容:
<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 访问框架...(我的网页)...从具有 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。 (加载后您可以使用 HTML 检查器在 DOM 中看到它)。我唯一能做的就是把它放在一个带有彩色背景的 div 中,因为 iframe 是透明的,还有一个边框。
您可能会收到错误,因为 Facebook 服务器上的 javascript 正在尝试访问您服务器上的 CSS。我没想到你能做到这一点。
EDIT:
在您提供的 StackOverflow 链接中,发布的答案明确指出,使用您自己的 CSS 仅适用于“粉丝”框,不适用于“喜欢”框。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)