Facebook Advanced (NEW: Fluid!)

Here's my first uploaded style; it's a facebook clone.

It's a bit more complex then the other facebook style, and is Valid XHTML 1.0 Transitional as per the W3C.

Contains:
Icon Sets
15 Template Edits
2 Minor Language Mods
Fixed or Fluid Layout

(Fixed and Fluid styles each have their own XML. If you want the fluid style, upload the FBA_FLUID, if you prefer the fixed layout, upload the other one.)

There are some heavily modified templates including postbit, forumdisplay, showthread, member info, header, navbar, usercp, and a few others.

Basically, member profiles are set up to display like a facebook profile. The header contains links to profile, memberlist and PM's.

Quicklinks are displayed on the left pane, as is the control panel sidebar (except only on pages where the control panel would normally appear). Postbit was modified to look more like a wall.

The language edits regard the "Forgot Your Password" and "{X} Unread" phrases, which were modified to make them display in a more pleasing way with the theme. They change to "Forgot Password" and "{X}" respectively.

I'll be gone this weekend, but will return on monday to fix any issues or update it for better useability.

If you find any bugs, or things are missing, or any ideas on how to improve the style, post below and I'll fix/change them.

To Install
Upload images_fba to the root forum directory
Import them theme file
Import language file (not required).

Demos
Facebook Advanced Fixed Style - http://bellardia.com/testforum/?styleid=3
Facebook Advanced Fluid Style - http://bellardia.com/testforum/?styleid=2

[Atakan KOC]

very nice style.

[Hasann]

fantastic style very interesting

[Brandon Sheley]

wow, now that's a nice facebook style!!
[high]* Brandon Sheley marks it installed just because [/high]

now you have to make one for the new.facebook.com

[valdet]

That is a great lightweight style. Thanks.

[Bellardia]

To make the main table width more than 650px:

1. Go to all style options for the style
2. Set main table width to desired width in pixels (do not set to a percent).
3. Ctrl + f '#main_body' in additional CSS. Set it to the pixel width in step 2, minus 2. Ex. If desired width is 800px, set #main_body width to 798px.

Again, I'll work on a fluid template at another time.

You can cleanly add blocks to the sidebar by editing the template 'ad_header_end', look through it and you should figure it out. I can offer you some help if you still need it. Using conditionals would be a great way to hide the sidebar depending on where you are (That's what is used to hide user CP except on user CP related pages).

[GrendelKhan{TSU]

Originally Posted by Bellardia

To make the main table width more than 650px:

1. Go to all style options for the style
2. Set main table width to desired width in pixels (do not set to a percent).
3. Ctrl + f '#main_body' in additional CSS. Set it to the pixel width in step 2, minus 2. Ex. If desired width is 800px, set #main_body width to 798px.

Again, I'll work on a fluid template at another time.

You can cleanly add blocks to the sidebar by editing the template 'ad_header_end', look through it and you should figure it out. I can offer you some help if you still need it. Using conditionals would be a great way to hide the sidebar depending on where you are (That's what is used to hide user CP except on user CP related pages).

cool! thanks for the info. I'll play around with it over the weekend and let you know.

[Spank]

It's a shame that facebook has ljust updated to a new look, just as this came out lol.

[3dsoft]

When uploading an image and writing a comment, the comment partly is on top of the user avatar.
Check it out.

[Bellardia]

Originally Posted by 3dsoft

When uploading an image and writing a comment, the comment partly is on top of the user avatar.
Check it out.

This is caused due to an area overflow by the default avatar which is 80x80px instead of 60x60px. I fixed it down to the proper size of 60x60 and reuploaded the file. Specifically, the image is named images_fba/misc/unknown.gif.

It now displays correctly : http://bellardia.com/testforum/album...icturecomment1

[Purcelly]

There's no download files for me