About:
This is a fleshed out design, fully-commented CSS. It has a simple appearance, and because the width is 60% of the screen, it fits your content. This is easy to spice up, and it has a few light images. I am taking inspiration from Andreas Viklund's templates, X-anga.net (dead), and Mozilla.com .
Tips and Tricks:
- Use the .left, .right, and .clear classes to float and clear floated elements.
- Also the .box class is always around to help you make things clearer. The only issue with using these boxes, as I am blatently showing, is that it may missalign bullets or numbers in a list.
- Add images to this design to spice it up, and personalize it. It is perfect for everyday use as-is, but you need to make it yours.
- The gradient in the header is made using thick borders, because all the background-images are needed to make the corners, but it looks like a gradient.
- There are other classes for many effects: line-over, line-under, text-blue, text-red, text-green
Author:
I am a 17 year old designer living in Kingston, Ontario, Canada. I am an OSWD and OWD addict, although OSWD claims that my email address is invalid, so I can't login there. I would really like to hear from you if you use my design somewhere, or if you have any requests or ideas, so drop me a line anytime.
Web Template Blog
August 2, 2006: I started modifying my Gnome05 template.August 3, 2006: Most things are done, now all I have to do is wait for my other templates to be added.
August 13, 2006: I have changed plans, making this design much better, and adding lots of classes.
September 1, 2006: I am now forcing it to be full screen width. Columns have been scrapped.
September 2, 2006: It is ready for upload.