Floral Dreams

Designer's Comments

Look carefully for specific instructions

Please do not change the images in any way. DO NOT REMOVE THE CREDIT. You can edit the navigation/content/etc as you want. :)

Tested in Firefox and Internet Explorer, and it should work in most screen resolutions. (made in 1200 x 800)

Oh, pls check out my little website. :)

---------------------
Credits
Navigation Coding from Burning Violet.

Layout Code

Copy and paste to Template HTML

Help

<title>Floral Dreams</title>

#content A, A:link, A:visited { text-decoration: none; color:#d96394; cursor: crosshair; font-family: tahoma; font-size: 8pt; border-bottom: 1px dashed #f3bea2;}
#content A:hover { text-decoration:none; color:#f37c7c; cursor: crosshair; font-family: tahoma; font-size: 8pt; border-bottom: 2px solid #f3e496; font-weight: bold;}

b {font-weight: bold; color: #69b46c;}
i {font-style: italic; color: #81a1d9; font-weight: bold;}
u {text-decoration: underline; color: #d18071; border-bottom: 2px dotted #ffb1d1;}

#navigation A, #navigation A:link, #navigation A:visited {font-size:8pt; font-style:georgia; color:7090a2; background-color:#dfeff6; text-transform: capitalize; line-height:15px; border-left: 5px solid #aad8ef; display: block; text-decoration: none; padding: 0px 0px 0px 12px; border-bottom: 1px white solid;}
#navigation A:hover {font-size:9pt; font-style:georgia; font-weight: bold; color:white; background-color:#aad8ef; line-height:15px; text-transform:capitalize; letter-spacing:0px; border-left: 5px solid #aad8ef; display: block; text-decoration: none; padding: 0px 0px 0px 12px; border-bottom: 1px white solid;}

body {
	background: #f3f4f7;
	text-align: center;
   	min-width: 681px;
}

div.wrapper {
  	 text-align: left;
  	 margin-left: auto;
  	 margin-right: auto;
}
#container {
	background: url(http://cbimg6.com/layouts/08/08/30519aa.jpg) repeat-y; 
	width: 681px; 
	margin: 0 auto;}

#header1 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/08/08/30519ab.jpg) no-repeat;}
#header2 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/08/08/30519ac.jpg) no-repeat;}
#header3 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/08/08/30519ad.jpg) no-repeat;}
#header4 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/08/08/30519ae.jpg) no-repeat;}

#footer {
	clear: both;
	height: 32px;
	background: url(http://cbimg6.com/layouts/08/08/30519af.jpg) no-repeat;
}
#content {
	width: 335px;
	float: left;
	margin-top: -90px;
	margin-left: 111px;
	text-align: center;
}
#navigation {
	width: 145px;
	float: left;
	text-align: center;
	margin-top: -20px;
	margin-left: 30px;
}

#zone1 {    /* imagemap @ footer*/
float: left;
width : 184px;
height: 18px;
margin-left: 187px;
margin-top: 8px;
text-decoration: none;
border: none;
cursor: help;
}
body {color:#7a7a7a;font-family: tahoma; font-size: 11px; line-height: 17px;}

h1 { display: block; margin-left: auto; margin-right: auto; font-style: italic; font-weight: normal; font-family: georgia; font-size: 14pt; text-align: center; word-spacing: 2px; color: #bb9ddd; height: 22px; margin-bottom: -5px; _margin-bottom: -15px; border-bottom: 2px dotted white;}
.head0 {COLOR:#70c081;background-color:#c7f6c9;line-height:15px;text-transform: uppercase;font-family:georgia;FONT-SIZE:8pt;letter-spacing:1; text-align:right; text-decoration:none;border:1px solid #aad8ef;display: block;}

</style></head>
<body>
<div id="container">
<div id="header1"></div><div id="header2"></div><div id="header3"></div><div id="header4"></div><div id="header5"></div><div id="header6"></div>
<div class="wrapper">

<h1>About This Layout</h1>

<p>I just took the picture of these Gaillardia Aristata flowers (fancy name, lol) and just had to make a layout of of it. I went to Mont Blanc in France for vacation and took many pics of various pretty flowers, including this one. This is one of the simplest website templates I've done, but I quite like how it turned out. :D</p>

<p>Anyway... enough of my prattling. >o< This is where your main content will go~! Fill up as much or as little as you want! XD It's all up to you! Please do NOT change the images/layout in any way. And it goes without saying.... <b>do not remove the credit</b>. I mean... I've taken the ultra long time to code this, so the least you can do is leave the credit there. But of course.... you may edit the navigation, contents, and such to suit your website needs. ^^

<p>I think you'd need some basic knowledge of html and css to be able to fully make use of this layout. But it's nothing too complicated. There are plenty of tutorials on the web, and even some on <a href="http://www.createblog.com" target="_blank">CreateBlog</a> too. This layout was tested in both <i>Internet Explorer</i> and <i>Firefox</i>. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine, compatible in both browsers. ^^ Oh, and it works in <u>all resolutions</u> too. :) Hope you enjoy it!</p>

<h1>Header Title Goes Here</h1>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

</div>

<div class="head0">Navigation</div>
<a href="#">Home</a>
<a href="#">Visitor Content</a>
<a href="#">Downloads</a>
<a href="#">Webmistress</a>
<a href="#">About The Site</a>
<a href="#">FAQ</a>
<a href="#">Contact Me</a>

<br>
<div class="head0">Affiliates</div>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<br>
<div class="head0">Credits</div>
<a href="http://dreamgurl36.createblog.com">dreamgurl36</a>
<a href="http://www.burningviolet.com">Burning Violet</a>

</div>

Layout Comments

Showing latest 3 of 3 comments

so pretty

By LadyLBlack on Aug 18, 2008 5:40 pm

OOOOOOoo this is SUPER CUTEE!!

By choualee12 on Aug 14, 2008 2:38 pm

cute :)

By manny-the-dino on Aug 14, 2008 1:11 am

Layout Details

Designer	dreamgurl36
Submitted on	Aug 13, 2008
Page views	6,263
Favorites	33
Comments	3
Reviewer	schizo
Approved on	Aug 13, 2008

Floral Dreams

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates