Basic red

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>Classic red</title>

body {
	background-image:url(http://cbimg6.com/layouts/10/08/36467ac.png);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#topimg {
	position:absolute;
	left:0px;
	top:-1px;
	width:1019px;
	height:454px;
	background-image:url(http://cbimg6.com/layouts/10/08/36467ad.png);
	background-repeat:no-repeat;
	z-index:1;
}
#SiteName {
	position:absolute;
	left:310px;
	top:44px;
	width:485px;
	height:45px;
	z-index:2;
	overflow:hidden;
	color:#000000;
	font-size:45px;
}
#content {
	position:relative;
	z-index:3;
	font-size:14px;
	left:270px;
	top:131px;
	width:488px;
	height:612px;
	padding:5px;
}

h1 {
	width:488px;
	background-image:url(http://cbimg6.com/layouts/10/08/36467ae.png);
	background-repeat:no-repeat;
	font-size:20px;
	height:44px;
	text-align:center;
}
#TopNav {
	position:absolute;
	left:292px;
	top:90px;
	width:536px;
	height:24px;
	z-index:4;
	overflow:hidden;
}

a.nav:active, a.nav:visited, a.nav:link {
    display:Inline-block;
	color:#b00606;
    font-family:georgia;
	text-align: center;
	width:100px;
    font-size:14px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
	height:20px;
    line-height:14px;

}

a.nav:hover {
	display:Inline-block;
    color:#a90202;
	background-image:url(http://cbimg6.com/layouts/10/08/36467af.png);
	background-repeat:repeat-x;
    font-family:georgia;
	text-align: center;
    font-size:14px;
	width:100px;
	height:20px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;
}

#RightNav {
	position:absolute;
	left:797px;
	top:154px;
	width:169px;
	height:589px;
	z-index:5;
	font-size:12px;
	padding:0px;
}
a.link:active, a.link:visited, a.link:link {
    display:Inline-block;
	color:#32444d;
    font-family:georgia;
	text-align: left;
	width:169px;
    font-size:11px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
    line-height:14px;
	background-color:#e9e7e7;
	border-bottom-color:#ffffff;
	border-bottom-width:1px;
	border-bottom-style:solid;

}

a.link:hover {
	display:Inline-block;
    color:#5d6d76;
    font-family:georgia;
	text-align: left;
    font-size:11px;
	width:169px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;
	background-color:#e4e4e4;
	border-bottom-color:#ffffff;
	border-bottom-width:1px;
	border-bottom-style:solid;

}

h2 {
	font-size:13px;
	width:169px;
	height:20px;
	background-image:url(http://cbimg6.com/layouts/10/08/36467ag.png);
	background-repeat:no-repeat;
}

-->
</style>
</head>

<div id="content">
<h1>Header Sample</h1>
<img src="http://cbimg6.com/layouts/10/08/36467aa.png" width="100" height="100" align="left"/>
<p>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  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  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  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  
  <h1>Others</h1>
  <p>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  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.molestie id, varius et, nibh.  Donec nec us et, nibh.  Donec nec libero.molestie id, varius et, nibh.  Donec nec libero.Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. </p>
</div>

<a href="../link" class="nav">HOME</a>
<a href="../link" class="nav">SITE</a>
<a href="../link" class="nav">VISITOR</a>
<a href="../link" class="nav">ABOUT</a>
<a href="../link" class="nav">CONTACT</a>

</div>
<div id="RightNav">
<h2>ABOUT..</h2>
 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  feugiat. Integer turpis arcu
 <img src="http://cbimg6.com/layouts/10/08/36467ab.png" width="169" height="20" />
 
 
<h2>QUICK LINKS</h2>
<a href="../link" class="link">Stuff</a>
<a href="../link" class="link">Others</a>
<a href="../link" class="link">Extras</a>
<a href="../link" class="link">Photos</a>
<a href="http://justleah.createblog.com" class="link">Designer</a>
 <img src="http://cbimg6.com/layouts/10/08/36467ab.png" width="169" height="20" />

<h2>FRIENDS</h2>
<a href="../link" class="link">Affiliate</a>
<a href="../link" class="link">Affiliate</a>
<a href="../link" class="link">Affiliate</a>
<a href="../link" class="link">Affiliate</a>
<a href="../link" class="link">Affiliate</a>
<a href="../link" class="link">Affiliate</a>
 <img src="http://cbimg6.com/layouts/10/08/36467ab.png" width="169" height="20" />

</div>

Layout Comments

Showing latest 5 of 5 comments

Now I have worn my UGG Classic Tall Boots on and feels extremely comfort and cozy every day. I have to say to buy UGG classic tall boots is a right decision. you can get a 75% off price. http://ugglowprices.com

By Amazonsen on Nov 26, 2011 10:52 am