I am working on an iFrame application for Facebook and am wondering about styling.
I want the contents of the application to look like the rest of facebook. So the most obvious approach that I could think of was to use the stylesheet provided by Facebook for application development, which includes such styles. However, I cannot find anything about this on developer.facebook.com or any other site, for that matter.
I created some FBML application before, and they were able to use Facebook styles directly, as the content of the application was modified on facebook pages. But iframes does not inherit the stylesheet from the parent content (and shouldn't), so I was wondering how (or maybe if) it could be done.
I found several posts / blogs that just tell you to create an application stylesheet that mimics the look of Facebook. But I don’t think this is a very good idea, as this CSS should be updated every time something changes on Facebook. It also seems that all the facebook wiki pages regarding CSS (which I used earlier) have been deleted.
The reason I don't want to use FBML Canvas is because Facebook is in the process of canceling this approach. They recommend creating new applications using iframes.
http://developers.facebook.com/docs/reference/fbml/
I really hope anyone has some good ideas on this.
source
share