Layout | Original - Shades of Colour (Green/Pink/Blue)

[mercscilla]

Title: Shades of Colour
System: S2
Theme: Flexible Squares
Accounts: free, plus & paid
Resolution: 1024x768 or higher
Browser: Firefox & IE

Live Preview: Blue Version | Pink Version | Green Version








CSS code & images

CSS
Download the code - Blue | Download the code - Pink | Download the code - Green

Images
Blue Version: Header | Background Tile

Pink Version: Header | Background Tile

Green Version: Header | Background Tile

The tiny icons are from http://sweetie.sublink.ca/ and have been modified into black/white by me.

Header
If you want to add your own header, look for the following code part

.headerimage {
position: relative;
width: 600px; /* put in the width of your header */
height: 200px; /* DO NOT CHANGE THE HEIGHT */
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-image: url(YOURURL);
background-position: center;
background-repeat: no-repeat;
}

Now replace the URL of the header with your own and change the width to the one of your header.

DO NOT change the height or the layout goes wacko!

Notes
The layout does NOT work with the navigation strip! Disable it and you should have no problems. Also: Use vertical ads to avoid a messed up layout.

The set-up guide is HERE

Should you encounter any problems, please don't hesitate and ask me. :)

Enjoy!