Item One
About This Design
Well, this design was made because I wanted to make something that didn't involve hacks for the primary layout.
The left and right columns are set at 200px, and the center area is fully flexible to whatever size is needed. All fonts will increase appropriately because all are set relative using the base at the 76% universal sizing.
One image is used through this layout, and is simply repeated in different spots to show possible placement of graphics.
You can have multiple subsections in your left navigation, but the only ones that will show expanded are the subsections for the <ul> currently marked #active. The subsections for other sections of the menu will remain hidden.
This website is XHTML 1.0 Strict and has been tested in Firefox, IE 6 and IE 7 Beta 2, Opera, Konqueror, and Safari.
Alternate Layout
There is an alternate 2 column layout of this design available. This layout is ideal for subpages.
Useage
I am freeing this template according to the Creative Commons Attribution 2.5 License. That license gives you the right to use this template in any way (commercial or non-commercial), make changes to it, create things based on it, etc... so long as an attribution is made to the author. Per this, please leave the link at the bottom of the footer to my site, though you are free to change the text of that link (such as, 'Based on a design by', etc..) to suit your needs. You can also, alternatively, put a link in your 'About' page or other page as appropriate.
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.
An acronym
Some text here that is code.
A blockquote.
Table Heading | ||
---|---|---|
Col 1 | Col 2 | Col 3 |
Sub head 1 | Result 1 | Result 2 |
Sub head 2 | Result 1 | Result 2 |
Sub head 3 | Result 1 | Result 2 |
Color palette:
For easy search and replace.
- Regular Black #000
- Dark Green #452
- Rich Green #472
- Lime Green #79B30B
- Orange Brown #b71
Special:
Main content background, title, and regular text color of pure #fff white.
The topper of the main content and the code area have a background-color of #dda and text color #742, like so.