His Reflection

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Enjoy :3

Layout Code

Copy and paste to Template HTML

Help

<title>. .His Reflection. . </title>
<style type="text/css">

body	{
	background-color: #fff;
	background-image: url(http://cbimg6.com/layouts/09/02/33683ae.png);
	background-repeat: repeat-y;
	color: #000;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
        word-spaceing:2px;
	z-index: 1;
        scrollbar-arrow-color:  #fff;
        scrollbar-track-color: #89969d;
        scrollbar-face-color:  #fff;
        scrollbar-highlight-color:  #fff;
        scrollbar-3dlight-color:   #fff;
        scrollbar-darkshadow-color: #fff;
        scrollbar-shadow-color: #fff;
	}

#header	{
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
        width: 347px;
	left: 133px;
	top: 250px;
	position: absolute;
	z-index: 3;
       	}

#nav{
	width: 113px;
       	left:514px;
	top: 170px;
	position: absolute;
	z-index: 4;
       }
h1{color:fff; font-size:12; font-family: century gothic;}
h2{color:fff; font-size:10; font-family: century gothic;background-color:675964;}

a:link, a:active, a:visited,a:hover	{
	color: #000;
	font-family: century gothic;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
        border:1px solid #fff;
	}

.menu, a.menu:link, a.menu:active, a.menu:visited{
	color: #fff;
	background-color: #89969d;
	font-family: century gothic;
	font-size:10px;
       	letter-spacing:2px;
        text-transform: lowercase;
	line-height: 10px;
	text-align: left;
        padding:4px;
        display: block;
        border:none; margin-bottom:1px;
	}

a.menu:hover{
	color: #000;
	background-color: #7e94a0;
	font-family: century gothic;
	font-size: 10px;
	font-style: normal;
	font-weight: none;
	text-decoration: none;
	line-height: 10px;
	text-align: left;
        letter-spacing:2px;
        text-transform: lowercase;
        padding:4px;
        display: block;
        border:none; margin-bottom:1px;
	}

u{color:336666;}
i{color:fff;}
</style>
<body>

<h1>Basics: This is a header h1 tag</h1>
<li>This is:<i>italics</i> text
<li>This is:<b>Bold</b> text
<li>This is:<u>underline</u> text
<li>This is:<a href="#">.a.link</a>
</blockquote>
And this is a block quote
</blockquote>

<h1>Reflection</h1>
His reflection is the best as it could be when he sees it every single day....<br>
<p><u>His</u> reflection is the best as it could be when he sees it every single day....His reflection is the best as it could be when he sees it every single day....His reflection is the best as it could be when he sees it every single day....His reflection is the best as it could be when he sees it every single day....His reflection is the best as it could be when he sees it every single day....His reflection is the best as it could be when he sees it every single day...</div>

<div id="nav">
<h2>Info about you</h2>
<i>Name:</i>- - - -<br>
<i>Age:</i>- - - - - <br>
<i>Status:</i>- - - -<br>
<i>Likes:</i>- - - - -<br>
Put anything you want here.
Put anything you want here.
<br>
<h2>Navigation</h2>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
<a href="http://www.freewebs.com/ffz3/" target="_self" class="menu"> F F Z 3</a>
<br>
<h2>shout box</h2>
Put a shout box, cbox, ect. but it has to be 113px *gasp* !!!
<br>
<h2>Affilights</h2>
<a href="#" target="_self" class="menu"> apply</a>
<a href="#" target="_self" class="menu"> apply</a>
<a href="#" target="_self" class="menu"> apply</a>
<br>

</div>