Layout: S2 Flexible Squares - Web 2.0

[gossymer]

Style: S2 Flexible Squares
Best view: 800x600 and up
Browsers Tested On: Latest versions of IE, Opera and Firefox only
Navbar:Yes
Custom Comment Pages: No

Layout : Web 2.0


Live Preview HERE or @ takenote_icons

Each entry's user icon has a web 2.0 feel - here's a close up:


Features

• Perfectly centralized entries
• Fluid layout that fits for any resolution
• Userpics on the left BUT they do not get in the way of the entry posts

Instructions
Go to the layout customization area

Under Select a New Theme
Type in Flexible Squares
Choose any colorscheme click Apply Theme
Choose 2 column (sidebar on right)
Click Customize Selected Theme

Under Customize Options
Disable customized comment pages for your journal: YES
Click Save Changes

Under Custom CSS
Use layout's stylesheet(s): Yes
Use layout's stylesheet(s) when including custom external stylesheet: No
Use external stylesheets: Yes
Paste the codes.

NoteIf you get an error after pasting the codes, then this is your solution: sometimes you need to upload your .css file of codes to a server and link to it instead of pasting the codes directly- that's what I did for the takenote_icons community. There are a lot of free web servers, and I myself use awardspace.com to host my css files.

Paste this code into your profile page:

Credits:
Layout by

Changing Header Image
I used the font, Mean 26 which can be downloaded for free from here
The Header is 630px wide and 200px high. To replace the header image add the following code to the end of all the codes:

#header {
background: url(YOUR IMAGE URL HERE) no-repeat top center;
padding-top: 200px !important; /*replace with the height of your image*/
}

Codes Notice:
You are free to make *any* changes as long as you give credit for the base code.
So the only rule is to comment & credit