>> Green Garden Layout <<

About

Oooh, isn't this layout advanced? xD haha I was inspired by Sarah from Reminiscent designs =3 Her designs are so creative =3 I also love the designs for KTD and many other websites =3

>> How To Use <<

This layout may seem hard to use, but actually, it's not =3 So, why don't I show you how? Great!

To add the boxed passage:
<p> Text here </p>

Bold
Italic
~~Strike~~
Link

>> Download <<

Here is the code to get this layout:

<html> <head> <title>Your Site Title</title> <style> body { background-color: #C5D2AA; background-image: url(http://i108.photobucket.com/albums/n25/sossli/Atyome%20Site/green%20garden/bg.png); background-repeat: repeat-y; font-family: verdana; color: #57633D; font-size: 11px; } a:link, a:visited, a:active { color: #57633D; text-decoration: none; cursor: ne-resize; } a:hover { color: #57633D; text-decoration: none; cursor: ne-resize; background: #C5D2AA; } h1 { font-size: 13px; color: #57633D; font-family: verdana; height: 12px; text-align: right; letter-spacing: 1px; font-weight: bold; border-bottom: #FFFFFF 1px solid; margin:2;} h2 { font-size: 12px; color:#57633D; font-family: verdana; height: 15px; padding-top: 4px; text-align: center; letter-spacing: 1px; font-weight: bold; border-bottom: 1px solid;} textarea, input , select {color: #57633D;background: #FFFFFF;} p { font-family : arial, verdana, tahoma, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 16px; color: #57633D; text-align: left; padding-right: 13px; padding-left: 13px; padding-top: 8px; padding-bottom: 8px; border-left: 5px solid; border-right: 1px solid; border-top: 1px solid; border-bottom: 5px solid; border-color: #57633D; cursor: default; background-color: #FFFFFF; width: 300px;} #content { position: absolute; left: 10px; top: 405px; width: 313px; min-height:1100px; } #image { position: absolute; left: 0px; top: 0px; } #navigation { position: absolute; left: 411px; top: 515px; width: 173px; } </style> </head> <body> <div id="image"> <img src="http://i108.photobucket.com/albums/n25/sossli/Atyome%20Site/green%20garden/layout.png" width="635" height="635"> </div> <div id="content"> <h1>Header</h1><br> <p> Content </p> <br><br> </div> <div id="navigation"> <h2>Header</h2><br><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a>> <br><br> <h2>Header</h2><br><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a> <br><br> <h2>Header</h2><br><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a><br> <a href="">Link</a> <br><br> <h2>Credits</h2><br><br> Site © Your Name<br> Layout By <a href="http://pokeshore.com/atyome">Atyome</a> </div> </body> </html>

>> Extras <<

Here is a free avatar to go with this design. Please do not use the avatar alone if you're not going to use this design. If you want a free avatar, check our free avatar page ^-^