Monday, October 22, 2007

Facebook Issues

Hello All,

I thought I might post a few fixes for anyone who is having trouble displaying images or using css in facebook. Facebook is extremely anal when it comes to anything remotely stylish as they don't want you manipulating their whole look n' feel. Not sure why they think a barrage of blue is sexy but anyways... here is how to get around it..

First and foremost any images/files you have hosted externally won't show on facebook.. to fix this you have put the full URL of the image/file in the source. For example:

This...
[img src="http://www.blogger.com/TopBar.jpg" height="103" width="649" /]

Becomes this..
[img src="http://comp3505.com/*yourgroup*/TopBar.jpg" height="103" width="649"/]

As for CSS it won't let you use any external css files and it seems to love mucking around with any css you have sitting within the html document. To fix this I simply put the CSS inline.. its kind of ugly but meh whatever..

Here is an example..
[div style="background-image: url(http://comp3505.com/mygroup/Background.gif); background-repeat: repeat;"]

This is discussed here..
http://wiki.developers.facebook.com/index.php/UsageNotes/CSS


Anyways goodluck everyone! Never enough time for this stuff :(.

Regardios Swany

2 comments:

A Dekker said...

you can do a require_once in between an open style and a close style to include an external css. I would type this out, but apparently blogger thinks i am a 3R337 hax0r.

Petra said...

thank you Swanny :-)