~ N a t u r a l L o v e - - > F r e e A t y o m e L a y o u t ~

~ Natural Love Layout ~

~ About the Layout ~

Well, I really enjoyed designing and coding this layout ^-^
Well, the size is 571x492 without the background and it is a Div Image based Layout.

~ How To.... ~

Bold
Italic
Underline
~~Strike~~

To insert a Main header:

To insert another header, for the navigation and content:

Downloading

Use the code below to download ^-^

<html>

<head>

<title>~ Your Site Title ~</title>

<style>

body
{
background-image: url(http://i108.photobucket.com/albums/n25/sossli/Atyome%20Site/Natural%20Love/bgright.png);
background-color: #DBE2C9;
background-repeat: repeat-y;
font-family: verdana, times new roman, sans-serif;
color: #8A9F55;
font-size: 11px;
}

a:link, a:visited, a:active
{
color: #8A9F55;
text-decoration: none;
cursor: ne-resize;
}

a:hover
{
color: #94A861;
text-decoration: none;
cursor: ne-resize;
}

textarea, input , select
{color: #526917;background: #9CAD70; }

#h1 {background: #92A660;
	color: #DBE2C9;
	text-transform:uppercase;
	font-family: georgia;
                  padding-left: 10px;
	text-align: right;
	font-size:16px;}

#h2  {background: #A4B871;
	color: #DBE2C9;
	padding-left: 10px;
	text-align: right;
	text-transform:uppercase;
	font-family:georgia;
	font-size:16px;}

#image
{
position: absolute;
left: 0px;
top: 0px;
}

#content
{
position: absolute;
left: 21px;
top: 410px;
width: 391px;
}

#navigation
{
position: absolute;
left: 440px;
top: 64px;
width: 93px;
}

</style>

</head>

<body>

<div id="h1">~ Content Title ~</div><br><br>

Content Goes Here!

</div>

<div id="h2">Header 1</div><br><br>

>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<

<div id="h2">Header 2</div><br><br>

>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<

<div id="h2">Header 3</div><br><br>

>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<<br>
>> <a href="">Link</a> <<

<div id="h2">Credits</div><br><br>

<b>Layout By</b><br>
>> <a href="http://pokeshore.com/atyome">Atyome</a> <<

</div>

</body>

</html>

Credits

~ Credits ~

I used renders, brushes and textures from these sites. Please keep the credit for Atyome in the navigation and give these sites credit somewhere visible in your site:

Layout: http://pokeshore.com/atyome
Avvie Brushes: http://celestial-star.net and http://cruxis.org

There was a third site for the avvie brushes, but I can't seem to find it. If I do, I'll add the credits here =3

~ Extras ~

I made some extras to go along with this layout! Please do not use only the avatar and leave the layout. This comes in as a bundle. If you want a free avatar, click here
Please do not direct link!