History And Memory

Designer's Comments

Look carefully for specific instructions

Image is from the game Linage 2 and was found on Celestial Star's anime gallery.

Don't remove the credits/alter this thanks.

Cross browser compatible however best viewed in Firefox. Valid HTML/CSS.

This is one of my older designs, and one of my favorites.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>. h i s t o r y  & m e m o r y .</title>
<style type="text/css">
/* Codes and Designs By Sora */
<!--
body {
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dcd5cf; 
	color: #877a7e; 
	font-size: 12px;
	line-height: 14px;
	font-family: tahoma;
	background: #dbd5cf url("http://cbimg9.com/layouts/08/05/27801ab.jpg");
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 0px;
}

a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:3px;
	color: #ffffff;
	font-size:10px;
	text-indent:0px;
	font-weight:normal;
	letter-spacing:2px;
        font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
        display:block;
	background-color: #dbd5cf;
        text-align: center;
        align: center;
	border: 0px solid;
	
	
}
a.navigate:hover{
	padding:3px;
	color: #ffffff;
	font-size:10px;
        text-align: center;
	text-indent:0px;
	font-weight:normal;
	letter-spacing:3px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
	background-color: #90b67d;
	line-height:14px;
        display:block;
}

#content {
	background-color: #FFFFFF;
	width: 800px;
	position: absolute;
	font-size: 17px;
	top: 0;
	left: 0;
	min-height: 600px;
	background-image: url(http://cbimg9.com/layouts/08/05/27801aa.jpg);  
	float:left ;	}

#sidebar {
        position:absolute;
        top:600px;
        left:418px;
        width:165px;
        float: left;
}

#footer {
	position:absolute;
	text-align:left;
	top:1300px;
	left:7px;
	width:200px;
	color:#817765;
}

a:link, a:visited, a:active {
        color: #66aa61;
        text-decoration: none;        
}

a:hover {
	text-decoration: none;
	color: #548568;
        background-color: #dbd5cf;
}

h1:first-letter {
color: #66aa61;
}

h1 {
	font-family: "georgia"; 
	letter-spacing: 4px; 
	color: #cccba6;  
        font-size: 24px;
        line-height: 10px;
        text-transform: none;
	text-decoration: none;
        font-weight: normal;
	font-style: italic;
	}

h2 {
        background-image: url("http://cbimg9.com/layouts/08/05/27801ac.jpg");
        background-repeat: no-repeat;
        background-position: bottom center;
	color:#3e2123;  
	letter-spacing: 3px;
  	font-size:13px;
        line-height:14px;
	text-decoration:none;
        text-transform: none;    
	font-family: "georgia"; 
        text-align: center;
	font-style: italic;
        font-weight: normal;
	padding: 6px; 0px;
        margin:0px;
        margin-bottom: 10px;
        margin-top: 0px;
	}

h3 {
	color: #877a7e; 
	font-size: 12px;
	line-height: 14px;
	font-family: tahoma;
        font-weight: normal;
        padding: 4px;
        margin:0px;
        margin-bottom: 4px;
        margin-top: 0px;
	}
  
h4 {
	color: #877a7e; 
	font-size: 12px;
	line-height: 14px;
	font-family: tahoma;
        font-weight: normal;
        padding: 4px;
        align: center;
        margin-left: 10px;
        margin-bottom: 4px;
        margin-top: 0px;
	}

b { color: #cccba6; }
i { color: #967e96; }
u { color: #636b7e; }

-->
</style></head>

<h1>Million Miles Away.</h1>
There was a time, looking through myself wanting to pretend if I <b>escaped</b>, I could fill myself, I don't think you can. Been far and wide but that hole inside never really leaves. When I went away, what I really left behind was me.
<br><br>
It's telling me to be on my way home. Million miles away I can't stay.
<br><br>
Each passing day, every passing face seems like such a <i>blur</i>. I long to be home, silently lying next to her. Just to get back, by her side is all I need to be, cause I went away but what I really left behind was me.
<br><br>
I need to be getting on my way <u>home</u>, a million miles away, million miles away, I can't take.
<br><br>
<a href="http://www.azlyrics.com/lyrics/offspring/millionmilesaway.html" target="new">The Offspring - Million Miles Away</a>
</div></body>

<br>

<h2>.Her.</h2>
<h3><img src="picture or something here" width="60" height="120" align="left">
There was a time, looking through myself wanting to pretend if I escaped, I could fill myself, I don't think you can. Been far and wide but that hole inside never really leaves. When I went away, what I really left behind was me.
</h3>

<br>

<h2>.Memory.</h2>
<h3>It's telling me to be on my way home. Million miles away I can't stay.
</h3>

<br>

<h2>.Blurred.</h2>
<h3>Each passing day, every passing face seems like such a blur. I long to be home, silently lying next to her. Just to get back, by her side is all I need to be, cause I went away but what I really left behind was me.
</h3>
</div>
    <div id="footer">
        Layout by: <a  href="http://rainingnoodles.co.nr/" target="new">Sora</a>
    <div> 
</div>
</html>