Know Your Enemy

Designer's Comments

Look carefully for specific instructions

To use this layout simply copy and paste the code and you should be ready to go. This layout contains Valid CSS and XHTML. Feel free to make changes but be sure to keep the original credits intact!

For more layouts visit my website at www.triplelove.org, I also take requests there for personalized layouts.

Credit also goes to:

www.google.com --for the Green Day image
www.sxc.hu --for the stocks used

Layout Code

Copy and paste to Template HTML

Help

<!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" xml:lang="en" lang="en">
<head>
<title>k n o w y o u r enemy*</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body{
background-color: #fff;
}
#header{
float: left;
margin-left: -8px;
width: 400px;
height: 627px;
}

#tophalf{
float: right;
width: 460px;
margin-top: 50px;
margin-right: 98px;
font-family: tahoma;
font-size: 12px;
text-align: left;
color: #08496b;
background-color: #fff;
border-bottom: 5px dashed #398684;
border-right: 5px solid #398684;
}
#tophalf a:link, #tophalf a:visited, #tophalf a:active{
text-decoration: none;
font-size: 10px;
font-family: tahoma;
color: #addbad;
}
#tophalf a:hover{
font-size: 10px;
font-family: tahoma;
color: #08496b;
}

#bottomhalf{
float: right;
width: 460px;
margin-right: 98px;
border-right: 5px solid #398684;
margin-bottom: 10px;
}
h1{
font-family: tahoma;
font-size: 10px;
color: #08496b;
float: left;
width: 220px;
}
h2{
font-family: tahoma;
font-size: 10px;
color: #08496b;
float: right;
width: 220px;
}
h3{
font-family: tahoma;
font-size: 16px;
color: #000;
margin-top: 10px;
border-bottom: 1px solid #7bbe9c;
text-align: center;
}
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
background-color: #000;
color: #fff;
width: auto;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
margin-top: 0px;
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 5px;
}
#navcontainer ul li a 
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
}
#navcontainer ul li a:hover {
background-color: #fff;
color: #000;
}
#navi ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
background-color: #000;
color: #fff;
width: auto;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
margin-top: 0px;
}
h5{
font-size: 12px;
font-family: arial;
border-right: 5px solid #398684;
color: #08496b;
width: 460px;
}
h4{
background-color: #addbad;
font-size: 10px;
color: #000;
font-family: tahoma;
margin-top: -16px;
text-align: right;
margin-bottom: -10px;
}
h6{
font-family: tahoma;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 20px;
text-align: center;
margin-bottom: 3px;
background-color: #cef39c;
}
a:link, a:visited, a:active{
text-decoration: none;
font-size: 12px;
font-family: arial;
color: #5acb5a;
}
a:hover {
font-size: 12px;
font-family: arial;
color: #addbad;
}
b, strong{
color: #398684;
}
i, em{
color: #addbad;
}
s{
color: #92daff;
}
u{
color: #398684;
border-bottom: 1px solid #08496b;
}
blockquote{
background-color: #4a8a4a;
border-left: 5px solid #000;
border-right: 1px dashed #08496b;
padding: 3px;
color: #fff;
width: 300px;
font-size: 12px;
font-family: arial;
}
#footer{
clear: both;
background-color: #000;
width: 460px;
float: right;
margin-bottom: 5px;
}
#footertext{
font-family: arial;
font-size: 16px;
text-transform: lowercase;
color: #ef0400;
letter-spacing: 5px;
margin: 0 auto;
text-align: center;
}
#footerlist ul{
text-align: center;
width: 150px;
float: left;
margin-bottom: 5px;
}
#footerlist li{
list-style-type: none;
}
#footerlist li a{
background-color: #fff;
color: #000;
display:block;
}
#footerlist li a:hover{
background-color: #000;
color: #fff;
}
#footerlist2 ul{
text-align: center;
width: 150px;
float: right;
margin-right: 40px;
margin-bottom: 5px;
}
#footerlist2 li{
list-style-type: none;
}
#footerlist2 li a{
background-color: #fff;
color: #000;
display:block;
}
#footerlist2 li a:hover{
background-color: #000;
color: #fff;
}
</style>
</head>
<body>
<div id="header">
<img src="http://cbimg6.com/layouts/09/06/34837aa.png" alt="" />
</div>
<div id="tophalf">
<h6>
Site Title Goes Here</h6>

<h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id enim massa, sit amet scelerisque purus. Vivamus posuere tellus eget tellus fermentum a imperdiet metus dapibus. 
</h1>
<h2>This layout was coded by Monet at <a href="http://www.triplelove.org">Triplelove.</a> The image was found on <a href="www.google.com">Google</a> and stocks taken from <a href="http://sxc.hu">Stock Xchng</a>. For more coded layouts, visit <a href="http://www.triplelove.org">Triplelove</a>. This layout contains <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> and <a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a>

</h2>
</div>
<div id="bottomhalf">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Visitors</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Owner</a></li>
<li><a href="#">Site</a></li>
</ul>
</div>

<h3>
BLOG HEADING GOES HERE
</h3>
<h4>
INSERT DATE HERE. EXTRA INFO HERE.
</h4>
<h5>
This layout was created and coded by Monet at <a href="http://www.triplelove.org">Triplelove.</a> Feel free to change it around to fit your needs but please keep the credits, which are currently given in the disclaimer, it is all I ask. Enjoy the layout! <b>bold</b> <i>italics</i> <s>strike through</s> <u>underline</u>

<br /><br />
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Donec libero risus, auctor quis faucibus non, aliquet ac massa. Integer non dui est, a porta massa. Donec vulputate, nunc ut pulvinar mollis, eros nulla mattis leo, id mattis quam diam et odio. Vestibulum commodo dictum nisi, luctus euismod ligula hendrerit nec. Pellentesque fermentum mi quis velit egestas eu egestas leo tristique. Sed porttitor neque ligula. Aliquam erat volutpat. Praesent sed magna pharetra sapien faucibus luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam magna urna, imperdiet eget viverra at, blandit non urna. Suspendisse potenti. Maecenas tincidunt lacus at lorem viverra quis porttitor odio eleifend. Mauris mattis porttitor erat, at convallis quam convallis quis. Maecenas diam nisi, lacinia sed vestibulum et, varius vel nunc. Sed vestibulum dui in lorem tempor commodo. Proin pharetra euismod hendrerit. Aenean fringilla porttitor sapien id sagittis. 
</h5>
<blockquote>This is a blockquote which you may do whatever you want to and write whatever you wish in. Blah blah see my blockquote, like my blockqote, edit my blockquote. This is a blockquote which you may do whatever you want to and write whatever you wish in. Blah blah see my blockquote, like my blockquote, edit my blockquote.</blockquote>
<div id="footer">
<div id="footertext">
affiliates
</div>
<div id="footerlist">
<ul>
<li><a href="#">Link goes here</a></li>