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

Reserved.


Here are Screenshots:

http://test.bellardia.com/FBA.JPG
http://test.bellardia.com/FBA2.JPG
http://test.bellardia.com/FBA3.JPG
http://test.bellardia.com/FBA4.JPG
http://test.bellardia.com/FBA5.JPG
http://test.bellardia.com/FBA6.JPG
http://test.bellardia.com/FBA7.JPG

Wow that looks interesting...

Indeed. Very nice! I would love to see more styles from you.

That's looks really good. Not suited to my forums, but you've done a fantastic job!

wow!

great job!! question.. is there anyway to make it so there is only left sidebar on forum? our users like full width when actually reading threads etc.

ps. can't wait for the fluid style!! :D

EDIT: ahh! fixed style just ain't working for our forums...
hope, fluid comes out soon... really want to use this. :D

I'll recode part after the long weekend to make it full width for those who prefer it that way. It won't be that easy to change with just the main style template, but is pretty easy to do nonetheless. It'll definately be the first thing on my todo list.

Thanks for the positive input.

other issues:

- doesn't seem to work well with vbadanced CMPS
- images break in vbagallery
- tabs don't work in profiles ... they all just appear as separate boxs in a long list.

awesome!!

I really love how you did this... facebook's style is very clean and tight (as in put together nice) one of its biggest attributes imho. but even more than facebook aspect is just how much you show how different forums can look with right application. :)


other questions/sugg:
- is there a way to cleanly add "blocks" to the left sidebar? I'd love to put other ads or things specific to our content. and a "highlighted profile" would be INCREDIBLE
- again, like Ultimate Side Bar add-on... option to see sidebar only on forumhome (or whereever) would be very high on the amazingness scale. :)
- fluid is much needed, but even more so, just ability to set a wider width. our analytics show most our users at 1024x768 and higher (other site is even higher average--different country ;))

I don't have vbadvanced cmps so I can't check why it doesn't work atm.
I'll look into the broken images, but I assume it's because of the small size.

Tabs don't work..there are no tabs, such is intentional.

very nice style.

fantastic style very interesting

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

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

That is a great lightweight style. Thanks.

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. :)

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

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

There's no download files for me

Sorry, I corrected it.

Thank you bellardia. :)

Check out this link. Why are those images showing up on top of my message?

I don't have my test forum set to scale images.

The maximum width for any photos should be set to below the fixed width of the style, in this case about 600 pixels. Anything larger, such as that image is much larger than the div it's held in, which causes it to overlap.

Can you upload PSD file for the logo? what font is it?

Thanks in advance!

It's saved as a png, which should be editable under photoshop.

images_fba/misc/face_logo.png
The font I used is impact, not sure what facebook actually uses for the title.

very nice style

its very nice.. i've installed the narrow version.., but i know the fluid ver. will work better for my needs.. cant wait..

OUCH! Now that's some hardcore awesome work!

DEMO OF MY SITE: Removed as warez is not allowed

Just want to say I really love this style!! Go go go! :)

One of the best I have ever seen and ive seen alot :) good job
"less means more"

nice work, not sure ill use it tho, but it looks real close.

You cant use any facebook icon on your style, everything you see on Facebook is copyrighted" just trying to keep some people that dont know that out of trouble ;)

I think people wish their forums were big enough for facebook to care. :rolleyes: ;) :p

any word on a fluid versoin? :)

I've been working on some paid requests as of late, and haven't had time to work for myself yet, but it's definately comming!

Hopefully by the end of the week.

Looking forward to the fluid style

Hi there...is there anything i'm doing wrong uploaded the images folder to the root directory of my forum, then went to the styles manager and imported the style, it says it processed but nothing shows...please help

Al

You have to change the style on your pages, either in the global settings, or by scrolling down to the bottom left hand corner of a forum page and selecting it from the select menu.

Excellent... Well done.

For some reason, menus on the left doesn't show up.