All you need to do is type some HTML. You can use
<body> tags like on a regular, full web page, or you can just use some bold and italic tags if you want. You can be as fancy or a simple as you want.
Type your CSS into the CSS editor without
<style></style> tags. Then you’ll need to include a special smart tag in your HTML to make the CSS show up. By default, the text in the CSS editor shows you the tag to use.
Because Facebook uses https, and because your tab lives in an iframe inside Facebook, many browsers will have problems displaying content not loaded over https.
If you have assets loaded over http, sometimes browsers will display a security warning, other times they show a warning icon in the address bar, but in the worst case they will simply not display your tab at all.
Your tab will show up inside an iframe inside Facebook. By default anytime a user clicks a link, it will load that link into the same iframe. And anytime a user submits a form (like for paypal), that page handling the form response will also load inside the iframe.
Sometimes this is what you want, but most of the time you’ll want links and forms to load in a full browser window, not trapped inside Facebook.
You can pop out links and forms this by simply having a
target='_blank' attribute, which will cause the content to load in a new browser tab, or a
target='_top' attribute, which will load the content in the current browser tab, replacing Facebook.
_target='_top', the code looks like this:
<a href='http://example.com' target='_top'> go to example.com </a> <form action='http://example.com' target='_top'> <!-- form contents --> </form>