Freedom

Designer's Comments

Look carefully for specific instructions

why i must make a comment ?!?
i hate that...

omG

Layout Code

Copy and paste to Template HTML

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

body	{
	background-color: #96bdae;
	background-image: url(http://cbimg6.com/layouts/07/12/24/24103aa.jpg);
	background-repeat: repeat-y;
	color: #6a9182;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	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/24/24103ab.jpg);
	width: 640px;
	height: 480px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 420px;
	left: 20px;
	top: 400px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 200px;
	left: 475px;
	top: 89px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #e2faec;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: none;
	font-weight: bold;
	text-decoration:none;
	text-transform: uppercase;
	text-align: center;
	background-color: #b4c6b6;
        border-bottom : 2px solid #4c8572;
        border-top : 2px solid #4c8572;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #e7f4f4;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
        border-top : 1px solid #4c8572;
        border-bottom : 1px solid #4c8572;
	}

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

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

/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #ebf1ef;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #0f1d10;
	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 solid#d4f1ec;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #3b675a;
	background-color: #97bdae;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	display: block; 
	line-height: 14px;
	text-align: right;
	}

a.menu:hover	{
	color: #0e1e14;
	background-color: #69908d;
	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>
Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want

<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>

<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>header</h1>

Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want 
	
	<h1>Statistic</h1>
	<center>

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

<center>Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want 
Whatever you want Whatever you want Whatever you want Whatever you want</center>

</div>

<div id="content">
	<h1>Header</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum mauris nulla, ornare ut, dignissim et, condimentum id, lorem. Morbi neque felis, tempor eu, malesuada vehicula, adipiscing sed, arcu. Fusce ac eros auctor erat tincidunt porta. Nullam massa lacus, adipiscing sed, scelerisque ut, suscipit vitae, ante. Nunc enim odio, posuere et, congue vitae, rutrum vitae, massa. Vestibulum ligula lorem, molestie eget, varius dignissim, vehicula eget, nunc. Nunc convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis orci. Suspendisse in lacus fermentum tellus sagittis suscipit. Fusce vestibulum sem in lorem. Morbi ultrices, tortor vel convallis iaculis, mi lectus scelerisque diam, nec porta mauris turpis non enim. Nunc posuere pulvinar felis. Vestibulum sed odio. Curabitur cursus. Aenean ac nulla. Nam pulvinar elementum tellus. Sed urna.

Proin a est. Donec lacus purus, venenatis quis, nonummy in, pellentesque pulvinar, quam. Praesent ullamcorper massa vitae justo. Praesent neque. Vivamus rhoncus, lacus et sagittis luctus, magna ipsum volutpat diam, non tincidunt nisi enim quis erat. Maecenas porttitor tortor ac metus. In gravida lectus sit amet urna. Donec pulvinar. Duis sed ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur vehicula pharetra velit. Praesent velit ante, consectetuer id, rhoncus at, hendrerit eget, lectus. Cras odio. Suspendisse potenti. In hac habitasse platea dictumst. Etiam ac sem. Aliquam erat volutpat. Nulla mollis congue massa. Nunc ultrices nisl vitae massa. Vivamus nulla est, sollicitudin commodo, pellentesque quis, porta vitae, est.

<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 />

<h1>Credits</h1>

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

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

</tr>	
		<tr>

</html>

Layout Comments

Showing latest 6 of 6 comments

very lovely i like it

By dee72 on Dec 26, 2007 6:16 pm

I like the colors and how everything is organized ^^

By dreamgurl36 on Dec 25, 2007 12:48 am

Love this. :-D

By blynkie on Dec 24, 2007 8:56 pm

gorgeous layout =)
i have nothing against it.

but i would've used a different font for "freedom", a somewhat curlier font (like hurricane)

By guccci on Dec 24, 2007 3:40 pm

I love the navigation and the color

By IVIike on Dec 24, 2007 1:33 pm

The font for "Freedom" and the headers doesn't match the layout as well as another font would have, but the layout's still pretty. I love the image and colors used. :D

By tokyo-rose on Dec 24, 2007 1:09 pm

Layout Details

Designer	Fr3eak
Submitted on	Dec 24, 2007
Page views	6,753
Favorites	29
Comments	6
Reviewer	IVIike
Approved on	Dec 24, 2007

Freedom

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates