Wonderful Dreams

Designer's Comments

Look carefully for specific instructions

I have a "red" Phase xD
hope you like it

~Ceres

Layout Code

Copy and paste to Template HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Wonderful dreams</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style>

body	{
	background-color: #c4221f;
	background-image: url(http://cbimg6.com/layouts/07/12/20/23906aa.jpg);
	background-repeat: repeat-y;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url(http://cbimg6.com/layouts/07/12/20/23906ab.jpg);
	width: 640px;
	height: 480px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 395px;
	left: 34px;
	top: 389px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 165px;
	left: 460px;
	top: 415px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #ffffff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: none;
	font-weight: bold;
	text-decoration:;
	text-transform: uppercase;
	text-align: center;
	background-color: #;
        border-bottom : 3px dashed #000000;
	}

.footer	{
	width: 100%;
	text-align: center;
	border-top: 1px solid #E3C1AE;
	padding-top: 5px;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #fad6d7;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

i, em	{
	color: #E990B9;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #e9ccd0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dashed#ff0023;
	}

/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #ff0023;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #e6c3bd;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
        border-bottom: 2px dashed#ff0023;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #000000;
	background-color: #c4221f;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: center;
	}

a.menu:hover	{
	color: #c4221f;
	background-color: #000000;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: left;
	}

.number	{
	color: #ffffff;
	}

</style>
</head>

<body>

<h1>Webmiss/Sir xD</h1>

<U>Name</U>-name<br>
<U>i am </U>-<I>xxx</I> years old<br>
blah blah,write here about <I>you</I>

<h1>Navigation</h1>
	<a href="#" target="_self" class="menu"><span class="number">001</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">002</span> Link</a>

anything you want anything you want anything you want anything you want anything you want

<h1>My Friends</h1>
	<a href="#" target="_self" class="menu"><span class="number">007</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">008</span> Link</a>

<h1>Music</h1>

Place for youre <B>music player</B>
	
	<h1>Statistic</h1>
	<center>

blah blah blah blah &<I> BLAH!</I>
	</center>

<center>youre Linkbutton</center>

</div>

<div id="content">
	<h1>ask & answers(terms of use)</h1>
<U>Must i keep the credits?</U><br>
<I>yes,you must!because thats my layout!</I><br>
<U>can i edit the images?</U><br>
<I>No,why?dont you like the image?then dont use this layout...</I><br>
<U>can i edit the coding?</U><br>

<I>when you mean...when you dont like the coding edit it...but not completely!</I><br>
<U>who is the girl on the image?</U>
<I>i dont no^^but she is beautiful</I>
<br><br>
-Dont keep out the credits!
-Dont edit the image

-<U>any problems????</U><br>
msg me So-addicted@hotmail.<I>de</I><br>
<U>"de"</U> because im from Germany(europe) & in german we say to Germany <B>DE</B>UTSCHLAND

<h1>Styles</h1>

CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u>, <span class="number">12345</span>(numbers), <a href="#" target="_blank">Link</a><br />

Looks great, uh?
	
	<h1>Credits</h1>

Important important important! Do not delete this stuff here!<br />
	<b>Layout</b> · <a href="http://ceres-aven.createblog.com/" target="_blank">Ceres aven </a><br />

<h1>updates</h1>
	whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^ 
	<h1>News</h1>

</tr>	
		<tr>

</html>

Layout Comments

Showing latest 3 of 3 comments

love the font although is the person squashed a bit?

By tainted-twilight on Dec 20, 2007 8:29 pm

Hikiiiii!

By Saikou on Dec 20, 2007 7:52 pm

aaahhh very nice.. i love it! great work!

By missk on Dec 20, 2007 8:43 am

Layout Details

Designer	Fr3eak
Submitted on	Dec 19, 2007
Page views	3,369
Favorites	18
Comments	3
Reviewer	S-Majere
Approved on	Dec 20, 2007

Wonderful Dreams

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates