Just Hold Me In Your Arms

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 HTML. 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.swimchick.net for brushes
www.deviantart.com for brushes
www.sweetandtalented.com for the jlo image used.
www.ego-box.com for the background image used.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>just hold me in your arms.</title>
<style type="text/css">
body{
background-image:url(http://cbimg6.com/layouts/09/06/34836ab.gif);
background-repeat: repeat;
margin: 0;
padding: 0;
text-align: center;
}
#header{
margin: 0 auto; 
width: 735px;
height: 215px;
margin-bottom: -10px;
}
#container{
margin: 0 auto;
width: 735px;
background-color: #000;
color: #fff;
margin-bottom: -10px;
text-align: left;
}
#leftside{
float: left;
width: 250px;
font-family: tahoma;
font-size: 12px;
padding-left: 5px;
text-align: left;
color: #fff;
background-color: #000;
padding-bottom: 10px;
}
#footer {
	clear: both;
	height: 66px;
	background-color: #adba52;
}
.navigation a:link, navigation a:active navigation a:visited{
text-decoration: none;
font-family: verdana;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #e7cbe7;
padding: 1px;
display: block;
letter-spacing: 0px;
border-left: 8px solid #f7f3f7;
text-align: center;
border-bottom: 1px solid #fff;
background-color: #adba52;
text-transform: none;
}
.navigation a:hover{
text-decoration: none;
font-family: verdana;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #fff;
border-left: 8px solid #e7cbe7;
border-bottom: 1px solid #fff;
letter-spacing: 0px;
display:block;
text-transform: none;
text-align: center;
}
a:link, a:visited, a:active{
text-decoration: none;
font-family: verdana;
font-weight: normal;
font-size: 12px;
color: #e7cbe7;
}
a:hover {
text-decoration: none;
font-family: verdana;
font-weight: normal;
font-size:12px;
color: #9cae31;
background-color: #efdfde;
}
#rightside{
width: 440px;
color: #fff;
background-color: #000;
float: right;
font-family: tahoma;
font-size: 12px;
padding-bottom: 10px;
}
h1{
font-family: arial;
text-align: center;
border-bottom: 2px solid #efdfde;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color: #fff7ef;
letter-spacing: 3px;
margin-top: 20px;
margin-bottom: 1px;
padding-top: 2px;
padding-bottom: 2px;
}
h2{
font-family: arial;
text-align: right;
border-bottom: 3px dashed #efdfde;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #fff7ef;
letter-spacing: 3px;
margin-top: 20px;
margin-bottom: 1px;
padding-top: 2px;
padding-bottom: 2px;
}
b{
font-family: tahoma;
color: #e7cbe7;
font-weight: bold;
}
i{
font-family: tahoma;
color: #efdfde;
letter-spacing: 2px;
}
s{
font-family: tahoma;
color: #adba52;
}
u{
font-family: tahoma;
color: #fff;
border-bottom: 1px #adba52 solid;
}
blockquote{
background-color: #d6d3ce;
color: #000;
border-left: 30px solid #e7d3de;
border-bottom: 1px dashed #8c9e21;
}
</style></head>
<body>
<div id="header">
<img src="http://cbimg6.com/layouts/09/06/34836aa.png" alt="" />
</div>
<div id="container">
<div id="leftside">
<h1>Welcome</h1>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
<h1> Navigation</h1>

<div class="navigation">
<a href="#">home</a>
<a href="#">owner</a>
<a href="#">visitor</a>
<a href="#">portfolio</a>
<a href="#">requests</a>
<a href="#">domain</a>
</div>
<h1>Webmistress</h1>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

<h1>affiliates</h1>
<a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a> <a href="#">Name Here</a>

<h1>disclaimer</h1>
The disclaimer can go here if wanted you may change this but do not remove the following credits. This layout was coded by Monet at <a href="http://www.triplelove.org">Triplelove</a> Image was taken from <a href="http://www.sweetandtalented.com">SweetandTalented</a>, brushes from <a href="http://www.deviantart.com">Deviant Art</a> and <a href="http://www.swimchick.net">Swimchick</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 HTML</a>

</div>
<div id="rightside">
<h2>blog heading goes here</h2>
blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog
blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog blog
<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 blockqote, edit my blockquote.</blockquote>
<h2>blog heading goes here</h2>
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> 
</div>
<div id="footer">
</div>
</div>
</body>
</html>