Dream Garden

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dream Garden </title>

body {
	background-color:#ffffff;
	background-image:url(http://cbimg6.com/layouts/10/08/36457ab.png);
	background-repeat:no-repeat;
}
#content {
	position:absolute;
	left:18px;
	top:396px;
	width:475px;
	height:294px;
	z-index:1;
	color:#bf655c;
	font-size:14px;
}
#Navigation {
	position:absolute;
	left:530px;
	top:397px;
	width:190px;
	height:518px;
	z-index:2;
	color:#bf655c;
	font-size:12px;
}

a.link:active, a.link:visited, a.link:link {
    display:block;
	color:#d8948a;
    font-family:georgia;
	text-align:left;
    font-size:12px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
    line-height:14px;

}

a.link:hover {
	display:block;
    color:#f3b6ad;
    font-family:georgia;
	text-align: left;
    font-size:13px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;

}
#SiteName {
	position:absolute;
	left:194px;
	top:311px;
	width:342px;
	height:51px;
	z-index:3;
	text-align:left;
	color:#b0515a;
	font-size:29px;
	overflow:hidden;
	font-family:Tahoma, Geneva, sans-serif;
}

h1 {
	background-image:url(http://cbimg6.com/layouts/10/08/36457ac.png);
	background-repeat:no-repeat;
	width:475px;
	height:35px;
	font-size:22px;
	color:#8f4755;
	text-align:center;
}

h2 {
	background-image:url(http://cbimg6.com/layouts/10/08/36457ad.png);
	background-repeat:no-repeat;
	width:190px;
	height:25px;
	font-size:18px;
	color:#8f4755;
	text-align:left;
}
-->
</style>
</head>
<div id="content">
<h1>Header Sample</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

<h1> Another one?</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

</div>

<div id="Navigation">
<h2>About,,</h2>
<img src="http://cbimg6.com/layouts/10/08/36457aa.png" width="100" height="100" align="left" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo

<h2>Navigate</h2>
<ul>
<li type="circle"><a href="../link" class="link">Clear</a>
<li type="circle"><a href="../link" class="link">Sitely</a>
<li type="circle"><a href="../link" class="link">visitor</a>
<li type="circle"><a href="../link" class="link">Friends</a>
<li type="circle"><a href="../link" class="link">Interact</a>
<li type="circle"><a href="http://justleah.createblog.com" class="link">Designer</a>
</ul>

<h2>Affiliates</h2>
<ul>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>
<li type="circle"><a href="../link" class="link">Linkage</a>

</ul>

</div>
<div id="SiteName">Your Site Name</div>

Layout Comments

Showing latest 5 of 5 comments

this is pretty

By CuntBlog on Aug 11, 2010 6:15 pm

yes its beautiful

By roselove on Aug 7, 2010 2:10 pm

That's really pretty ;)

By volverene on Aug 4, 2010 12:08 pm

This is beautiful!!!!
GOOD JOB

By Snaily on Aug 2, 2010 9:24 pm

Layout Details

Designer	JustLeah
Submitted on	Jul 27, 2010
Page views	10,505
Favorites	27
Comments	5
Reviewer	jiyong
Approved on	Aug 2, 2010

Dream Garden

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates