Cinderella

Designer's Comments

Look carefully for specific instructions

This is a fairly simple layout to use.
There is an image map. The hearts on the side are clickable :]

Layout Code

Copy and paste to Template HTML

<html>
<head>
<title>C I N D E R E L L A | by eightywindows</title>
<style type="text/css">
<!--
Layer2 {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: repeat; 
	
}

* {
	padding: 0px;
	margin: 0px;
}
body,td {
	margin: 0px;
	padding: 0px;
	border: 0px;
    font-family: verdana;
	line-height: 0.3em;
    font-size: 10px;
	letter-spacing: -1px;
	color: #666666;
	text-align: left;
	scrollbar-face-color: #1f1f1c;
scrollbar-highlight-color: #1f1f1c;
scrollbar-3dlight-color: #1f1f1c;
scrollbar-darkshadow-color: #1f1f1c;
scrollbar-shadow-color: #1f1f1c;
scrollbar-arrow-color: #0c0d0b;
scrollbar-track-color: #1f1f1c;
}
p {
	color: #666666;
	line-height: 1.4em;
}
a:link, a:visited {
	color: #7fb2c7;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover, a:active {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
	background-color:none;
	text-transform: uppercase;
}

.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #000000;
	background-color: #transparent;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: none;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 0.3em;
	text-align: left;
	}

a.menu:hover	{
	color: #000000;
	background-color: #ffc0c0;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 0.3em;
	text-align: left;
	}

.header
{
     color: #ffc0c0;
    font-size: 20px;
    font-family: georgia;
	text-align: center;
	line-height: 1.0em;
	font-weight: bold;
	letter-spacing: 3px;
	width: 100%;
	display:block;
	background-color:#transparent;
	margin-bottom:1px;
}
.header2
{
    color: #ffffff;
    font-size: 12px;
    font-family: georgia;
	text-align: right;
	line-height: 1.0em;
	font-weight: none;
	letter-spacing: -1px;
	width: 100%;
	display:block;
	background-color:#7fb2c7;
	margin-bottom:1px;
}

-->
</style>
</head>
<body> 
<div id="Layer1" style="position:absolute; width:0px; height:0px; z-index:2" >
<img name="cinderella20" src="http://cbimg6.com/layouts/08/02/24/25774aa.png" width="805" height="1216" border="0" usemap="#cinderella2" alt="" />

Header Schmeder
 
Text it up Text it up Text it up Text it up Text it up 
Text it up Text it up Text it up Text it up Text it up 
Text it up Text it up Text it up Text it up Text it up 
Text it up Text it up Text it up Text it up Text it up 
<a href="">Text it up Text it up Text it up Text it up Text it up </a>

</div>
<div id="Layer3" style="position:absolute; width:100px; height:223px; z-index:4; left: 450px; top: 525px;">

about
about yourself here. or whatever you want here. It's up to you of course. Just remember to keep the credit :]

navigation
<a href="XXXXX" target="window" class="menu">menu link</a> 
<a href="XXXXX" target="window" class="menu">menu link</a> 
<a href="XXXXX" target="window" class="menu">menu link</a> 
<a href="XXXXX" target="window" class="menu">menu link</a>

header
:]

links
<a href=""window">link?</a> 
<a href=""window">link?</a> 
<a href=""window">link?</a> 
<a href=""window">link?</a> 
<a href=""window">link?</a>

layout
this layout was made by <a href="http://www.ew.silent-autumn.com">kelsey</a> on feburary 23rd.
the image was found <a href="http://community.livejournal.com/foto_decadent/" target="window">here</a>

more...
text text text

</div>
</body>
</html>