Your Site Title Here

Welcome to this layout! I used the CSS curve technique here to space text. It's not perfect, and at times you might find yourself wanting to re-position the text based on what you've typed.

To edit, simply go to style.css - scroll down and find the comments that lead to the CSS Curve. Change the numbers to your liking, increasing them would space the text away from the background image and vice versa. If you happen to mess up, simply redownload or contact me.

About this Layout

EDIT (Dec '07): Added form... refined details, increased line height and cleaned up coding.

I kind of cheated with this layout by using an already pretty image to work with. And the black is something new. I was afraid of the startling contrast it might add because of the lighter layout. It's one of those things that I have to try.. just to see if it'll work. Although I have my doubts about this one.

This is a blockquote. I hate IE with a passion. IE 7 especially. IE 6 is quirky too. Okay, maybe not with that kind of passion.

The h2 headers are about 10px off in IE 6. It's ignoring a negative margin which I really shouldn't be using, but found it necessary. I'm too tired to work on that. Plus it doesn't look that bad, I hope.

Valid HTML and Valid CSS

I know the horizontal navigation's link hover description .. area is reallyy tiny. It's as far as I could go to incorporate that into the design and try to make it work at the same time. I just hope that open black space there doesn't look too odd. Hover over the links up there to see.

I wanted to make an update box or a content box but it wasn't working and I was loosing patience. So, instead I've added a very simple signature or comment .. space to suffice. To edit, replace the text the div whose class I've assigned as "sig".

This is a signature thing-y and this is a link.

Usage & Extra

  1. Unzip the .zip file.
  2. Upload all it's contents as they are in the zip file to your own server.
  3. Edit the index.html for the content.
  4. Leave the style.css as is - unless you need to edit the CSS Curve.
  5. Please leave the watermark as is.
  6. Credit and link back.

A form:



Avatars and buttons:

I know the first avatar doesn't actually go with this layout. I made it way before I made the layout and figured it would be a nice add on.

Credits, Terms and Conditions

IMPORTANT: Please do not remove the watermark on the layout or forget to link third party sources on the layout. You can remove this credit here, if you've properly credited elsewhere on your site.

If you have any questions, concerns, complaints, errors to report etc, don't hesitate to contact me. Enjoy.