Fidelity

Designer's Comments

Look carefully for specific instructions

Replace LINK with your page URL.

Keep my credit on either the navigation or on the main column :)

I'll be making this a Myspace layout soon also :)

Layout Code

Copy and paste to Template HTML

Help

li {list-style:none; margin:0px; float:left;}

li a {display:block; width:120px; padding:4px; text-align:center; valign:center; height:16px; line-height:16px;}
li a:hover {display:block; width:120px; padding:4px; text-align:center; valign:center; height:16px; line-height:16px;}

.container1 a:link {display:block; color:white; width:100%; height:30px; valign:center; text-decoration:none; background-color:A37269; line-height:30px; text-align:center; font-family:arial; font-size:14px;}

.container1 a:visited {display:block; color:white; width:100%; height:30px; valign:center; text-decoration:none; background-color:A37269; line-height:30px; text-align:center; font-family:arial; font-size:14px;}

.container1 a:active {display:block; color:white; width:100%; height:30px; valign:center; text-decoration:none; background-color:A37269; line-height:30px; text-align:center; font-family:arial; font-size:14px;}

.container1 a:hover {display:block; color:A37269; width:100%; height:30px; valign:center; text-decoration:none; background-color:White; line-height:30px; text-align:center; font-family:arial; font-size:14px;}

.aff a:link {display:block; color:white; width:40%; height:14px; valign:center; text-decoration:none; background-color:A37269; line-height:14px; text-align:center; font-family:arial; border:#6B4943 solid 1px; font-size:12px;}

.aff a:visited {display:block; color:white; width:40%; height:14px; valign:center; text-decoration:none; background-color:A37269; line-height:14px; text-align:center; font-family:arial; border:#6B4943 solid 1px; font-size:12px;}

.aff a:active {display:block; color:white; width:40%; height:14px; valign:center; text-decoration:none; background-color:A37269; line-height:14px; text-align:center; font-family:arial; border:#6B4943 solid 1px; font-size:12px;}

.aff a:hover {display:block; color:A37269; width:40%; height:14px; valign:center; text-decoration:none; background-color:white; line-height:14px; text-align:center; font-family:arial; border:#6B4943 solid 1px; font-size:12px;}

.column a:link {color:999999;}

.column a:visited {color:999999;}

.column a:active {color:999999;}

.column a:hover {color:333333;}

br {line-height:2px;}

h1
{color:#845A52;
width:100%;
border-bottom:#845A52 dashed 1px;
font-size:20px;
font-family:century gothic;
letter-spacing:-1px;
word-spacing:2px;
text-transform:uppercase;
text-align:left;
font-weight:400;}

h2
{color:#FFFFFF;
width:100%;
border-bottom:#FFFFFF dashed 1px;
font-size:20px;
font-family:century gothic;
letter-spacing:-1px;
word-spacing:2px;
text-transform:uppercase;
text-align:right;
font-weight:400;}

div.header
{
	position:absolute;
	left:50%;
	margin-left:-397;
	width:800;
	border:white solid 2px;
	height:40;
	top:20;
}

div.container
{
	position:absolute;
	padding-right:3px;
	left:50%;
	border:white solid 2px;
	margin-left:-397;
	height:auto;
	font-family:arial;
	font-size:14px;
	background-color:#845A52;
	width:804;
	top:420;
	color:white;

}

div.column
{
	align:left;
         display:block;
	padding-left:4px;
	width:600px;
	background-color:white;
	font-family:arial;
	font-size:14px;
	height:800px;
	color:666666;
	float:left;
}
</style>

<div class="container">
<div class="column">
<h1>Welcome To My Website</h1>
<br>
Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here Write Here 
<h1>Credits</h1>
<br>
Template By Joe - <a href="http://implode.unphased.org">Implode Resources</a>
<br>
Images Taken from - <a href="http://girltripped.deviantart.com/art/Fidelity-69522204">HERE</a> and <a href="http://girltripped.deviantart.com/art/Unexpected-Stranger-69551675">HERE</a> and Editted by Joe.
</div>
<div class="container1">
<h2>Navigation</h2>
<br>
<a href="LINK">homepage</a>
<br>
<a href="LINK">page name</a>
<br>
<a href="LINK">page name</a>
<br>
<a href="LINK">page name</a>
<br>
<a href="http://implode.unphased.org">Implode Resources</a>
<div class="aff" style="text-align:center;">
<h2>Affiliates?</h2>
<li><a href="LINK">one</a></li><li><a href="LINK">two</a></li>
<br>
<li><a href="LINK">three</a></li><li><a href="LINK">four</a></li>
<br>
<li><a href="LINK">five</a></li><li><a href="LINK">six</a></li>
<br>
<br>
</div>
<h2>more links here?</h2>
Linkage...
</div>
</div>