开发者

facebook like box external css

开发者 https://www.devze.com 2023-01-31 18:36 出处:网络
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,

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&amp;width=185&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=280&amp;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&amp;connections=0&amp;stream=0&amp;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

0

精彩评论

暂无评论...
验证码 换一张
取 消