facebook like box external css
I need to customize the layout for the Like box, the problem i am getting is i coud not find any way to do it in following iframe,
<iframe src="htt开发者_如何学编程p://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%platform&width=700&connections=5&stream=false&header=false&height=180&css=http%3A%2F%2Flocalhost%2Fq.css" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:180px;" allowTransparency="true"></iframe>
The earlier facebook like box had option to load external css, i tried it but it is not getting uploaded with th above iframe options.
WHere can i find the solution
Please help me setting external css to this.
Thanks, Rohit
You can still use the css option but you have to use a different iframe URL:
http://www.connect.facebook.com/widgets/fan.php?href=FACEBOOKPAGEURL&width=185&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=280&css=CSSFILE
Edit 14-3-2013
This workaround no longer works.
I tried linking a Likebox to a local css file and was unsuccessful. In researching this question somewhere on the Facebook fora I read an admin's post saying Facebook wants to maintain consistent formatting across Like boxes so only a few properties can be adjusted, and those are the standard ones you get in the initial Like box code. Facebook's documentation leaves a lot to be desired.
Jim
I have tried to style de Like box too, but the new plugin does not support the "css=" option in the iframe.
I still use the old Like box plugin, but the CSS is cached and I cannot update it.
http://www.facebook.com/connect/connect.php?id=60159065762&connections=0&stream=0&css=http%3A%2F%2Fdescargas.mundijuegos.com%2Fcss%2Ffb2.css%3F12
The only way I know you can use your own CSS right now is using the script format with the "fb:fan" plugin.
Updated
if you use the "fb:fan" plugin, it generates an iframe . You can copy this URL and use it directly (http://www.facebook.com/plugins/fan.php?....).
Facebook no longer support css. All facebook design hacks using css will no longer work. However, facebook now allows the likebox plugin to be rendered without a border via the show_border=false argument. But if you want to add some color gradients to background of your like box for matching your blog's colorful theme, you can SVG. Read this guide - http://www.howtokickblogger.com/2013/08/style-facebook-like-box-with-svg.html
精彩评论