Darkest Memory

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Darkest Memmory</title>

#header {
	background-image:url(http://i29.tinypic.com/1z6wo7r.png);
	width:768px;
	height:485px;
	position:absolute;
	left:0px;
	top:1px;
	z-index:1;
}
#content {
	position:absolute;
	left:557px;
	top:277px;
	width:468px;
	height:560px;
	z-index:2;
	color:#7d7d7d;
	font-size:14px;
}

h1 {
	width:468px;
	font-size:25px;
	height:35px;
	color:#000000;
	text-align:center;
	background-image:url(http://cbimg6.com/layouts/10/07/36432ad.png);
	
}

h2 {
	width:195px;
	font-size:18px;
	height:30px;
	color:#929292;
	text-align:center;
	background-image:url(http://cbimg6.com/layouts/10/07/36432ae.png);
	
}

#leftnav {
	position:absolute;
	left:353px;
	top:331px;
	width:200px;
	height:497px;
	z-index:3;
	color:#686b6d;
	font-size:12px;
}

a.link:active, a.link:visited, a.link:link {
    display:inline-block;
	color:#181a1b;
    font-family:georgia;
	text-align: center;
    font-size:12px;
	width:90px;
	height:20px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
    line-height:14px;

}

a.link:hover {
	display:inline-block;
    color:#000000;
    font-family:georgia;
	text-align: center;
    font-size:13px;
	width:90px;
	height:20px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;

}

#SiteName {
	position:absolute;
	left:565px;
	top:156px;
	width:441px;
	height:88px;
	z-index:4;
	color:#d5d7d8;
	font-size:40px;
	overflow:hidden;
	background-image:url(http://cbimg6.com/layouts/10/07/36432af.png);
	background-repeat:no-repeat;
}

-->
</style>
</head>

</div>

<h1>Header sample</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  lib</p>
  <p>ero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, comm</p>
  <h1>Lorem Ipsum</h1>
  <p>odo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacuseo pede, rhoncus venenatis, tristique in, vet, nibh.  Donec nec libero.</p>
  <p> </p>
  
  
</div>

<div id="leftnav">
<h2>About..</h2>
<img src="http://cbimg6.com/layouts/10/07/36432aa.png" width="100" height="100" align="left"/>
is, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed

<h2>Navigate</h2>
<a href="../link" class="link">Clear</a>
<a href="../link" class="link">Sitely</a>
<a href="../link" class="link">visitor</a>
<a href="../link" class="link">Friends</a>
<a href="../link" class="link">Interact</a>
<a href="http://justleah.createblog.com" class="link">Designer</a>

<h2>Affiliates</h2>

<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>

</div>

Layout Comments

Showing latest 6 of 6 comments

beaaaauuuuutiful :)

By foundry on Sep 2, 2010 1:47 pm

hello :) im new to this site and i was wondering if anyone could make me a layout with my name on it and such :) if so plz add and cmmt me (myspace.com/400654588)

By jasminejeanette on Aug 14, 2010 12:42 am