Kingdom hearts

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

omG i love KH!!

AH &
TRY to steal this layout &

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Kingdom hearts...</title>

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

#content	{
	width: 360px;
	left: 270px;
	top: 340px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 199px;
	left: 20px;
	top: 480px;
	position: absolute;
	z-index: 4;
	}

#updates   {
	width: 100px;
	left: 400px;
	top: 90px;
	position: absolute;
	z-index: 5;
}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #736a6d;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: italic;
	text-transform: uppercase;
	text-align:right;
	background-color: #941818;
border-bottom : 1px dashed #908a8c;
	}

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

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

u 	{
	color: #f4eeee;
	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 #E990B9;
	}

.special	{
	color: #878282;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 3px solid #f4eeee;
	}

.navitext    {
color: #ffffff;
}

/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #878282;
	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: #e03d3d;
	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: #941818;
	background-color: #908a8c;
	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: #f1151c;
	background-color: #92585a;
	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: 16px;
	text-align: right;
	}

.number	{
	color: #f1f1f1;
	}
	
.updates {
	color: #00bbff;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	}

</style>

</head>

<body>

<div id="header"></div>
<div id="updates"><span class="updates"><div style="width:140px;height:200px;overflow:auto;border-width:0px;border-color:;border-style:dashed;">
<U>001.</U><b>update 1</b><br>

<U>002.</U><b>update 2</b><br>
<U>003.</U><b>update 3</b><br>
<U>004.</U><b>update 4</b><br>
<U>005.</U><b>update 5</b><br>
<U>006.</U><b>update 6</b><br>
 <center><br>|<br>

|<br>
|<br>
|<br>
|<br>
|<br>
|<br>
|<br>
|<br>

|<br>

|<br>
|<br>
|<br>
|<br>
|<br>
|<br>
|<br>

|<br>
|<br>

v<br>
<B>Scrolltest</B>
</center>
</div></span></div>
<div id="navigation">

<h1>welcome</h1>
<span class="navitext">

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

<h1>Header</h1>

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

<h1>Navigation 2</h1>

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

</span>
</div>

<div id="content">
	<h1>HEY!!</h1>
	hey <u>you</u>..i love this layout...i dont no why..mh...becasue i like Kingdom hearts...Ã¤Ã¤h...<B>whatever.</B>. <U>xD</U>

<br>

<h1>Styles</h1>
	CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u>, <span class="special">Special</span>, <a href="#" target="_blank">Link</a><br>!!!
 <span class="navitext">Text in the naviagtion</span>,<br />

<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 <3</a><br />
	<b>Picture</b> Â· <a href="http://celestial-star.net/" target="_blank">celestial-star.net/</a><br />

Â·

<h1>Webmiss/sir xD</h1>
	write here about <U>you!</U>
	
		
    	</tr>

</tr>	
		<tr>
      		
</bod>

</html>

Layout Comments

Showing latest 6 of 6 comments

I LOVe KH too!!! ^^

By PiNK-RAGe on Dec 27, 2007 12:27 am

i really like the whole concept, but im not sure if i really like what you did with the pic.
and i love roxas! XDXD

By lostinLDN on Dec 21, 2007 8:15 pm

I'm not sure how I feel about the red block on Riku and Sora; that looks a bit strange. Maybe you could have made it more transparent. But it's a nice layout still.

By tokyo-rose on Dec 21, 2007 6:40 pm

omG-i never try to make a myspace layout!
I hate myspace..but i can try ..

By Fr3eak on Dec 21, 2007 11:14 am

Awesome. This should be a myspace layout :/

By Ademisk on Dec 21, 2007 1:45 am

I think you could have left the banner looking a little cleaner, but nice concept.

By S-Majere on Dec 20, 2007 7:19 pm

Layout Details

Designer	Fr3eak
Submitted on	Dec 20, 2007
Page views	7,471
Favorites	15
Comments	6
Reviewer	digitalfragrance
Approved on	Dec 20, 2007

Kingdom hearts

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates