Namine

Designer's Comments

Look carefully for specific instructions

I have donea mistake I mean "navigate " not Naviga!

so embarrassingly. ;(

I correct it when I have appetiet.. xD

Layout Code

Copy and paste to Template HTML

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

body	{
	background-color: #efe7f2;
	background-image: url(http://cbimg6.com/layouts/07/12/09/23703aa.jpg);
	background-repeat: repeat-y;
	color: #4b0e3c;
	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/09/23703ab.jpg);
	width: 800px;
	height: 600px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 365px;
	left: 272px;
	top: 300px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 160px;
	left: 44px;
	top: 300px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #85607f;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	background-color: #efe7f2;
	}

.footer	{
	width: 100%;
	text-align: center;
	border-top: 1px solid #efe7f2;
	padding-top: 5px;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #efe7f2;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	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: #bfb8f1;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 3px solid #ffe9fb;
	}

.special	{
	color: #E990B9;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #d4cef4;
	}
	
/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #987794;
	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: #987793;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #987794;
	background-color: #eee8f2;
	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;
	}

a.menu:hover	{
	color: #5665b5;
	background-color: #ffffff;
	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;
	}

</style>
</head>

<body>

<h1>welcome</h1>

anything you want anything you want anything you want anything you want
<h1>Webmaster</h1>
<B>write</B> <I>about </I> <U>you</U>
	
	<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>Navigation 2</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>Stuff</h1>

Whatever..
	
	<h1>header</h1>
	<center>
	anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want
	</center>

<center>youre Linkbutton</center>

</div>

<div id="content">
	<h1>Welcome</h1>
Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
	Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
	<h1>Styles</h1>
	CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u>, <span class="special">Special</span>, <a href="#">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://avenger-princess-of-life.createblog.com/">Avenger-Princess-of-life @ cb &</a> 
<br />

<h1>updates</h1>
	Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
	Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine Namine 
	
      		
</body>

</html>

Layout Comments

Showing latest 3 of 3 comments

so cute!!luv it!!

By DreamsLink on Dec 27, 2007 8:43 pm

i luv namine

By tainted-twilight on Dec 9, 2007 10:04 pm

That's soooo cute =]

By notanormalchild on Dec 9, 2007 9:32 pm

Layout Details

Designer	Fr3eak
Submitted on	Dec 9, 2007
Page views	5,954
Favorites	22
Comments	3
Reviewer	S-Majere
Approved on	Dec 9, 2007

Namine

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates