Dance to the Music

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.stilledheart.org, I also take requests there for personalized layouts.

Credit also goes to:
www.outspoken-kate.com
www.fallingstarss.com
www.sweetandtalented.com

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Heading/Site Name Can Go Here</title>
<meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">

h1 {

background: #000;
	color: #fff;
	font-family: Tahoma;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 2px solid #e5547d;
}
h2 {

background: #000;
	color: #fff;
	font-family: Tahoma;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #ffffff;
}
html, body {height: 100%;}

* {margin:0;padding:0;} 
#main {overflow:auto;
	padding-bottom: 0px;
background: #fff;}

#footer {
position: relative;
margin-top: 20px;
height:20px;
width: auto;
clear:both;
font-family: georgia;
font-size: 10px;
background: #606060;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

</style>
</head>
<body>
<div id="top">
</div>
<div id="header">
</div>
<div id="container">
<div id="main">
<div id="left-side"> 
<div id="nav">
<h2>Navigation</h2>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
<br>
<h2>Header</h2>
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
<br><br>
<h2>Links</h2>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<h2>Header</h2>
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
<h2>Extra Stuff</h2>
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
<h2>Disclaimer</h2>
Created and coded by Monet at www.Stilledheart.org. Credits go to <a href="http://www.outspoken-kate.com">One</a>,<a href="http://www.fallingstarss.com">Two</a> <a href="http://www.sweetandtalented.com">Three</a>, <a href="http://www.stilledheart.org">Four</a>
</div>
<div id="right-side">
<h1>blog goes here</h1>
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
<h1>Links</h1>
<a href="#">a link</a> <b>bold</b> <i>italics</i> <s>strikethrough</s> <u>underline</u> Feel free to make whatever changes to the layout that you wish but please don't remove my credits! Enjoy!
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=http%3A%2F%2Fwww.admin.stilledheart.org%2Fcodedlayouts%2Frihanna%2Frihanna.php">valid html</a>. 
<h1>Download</h1>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

I LOVE this using for my NEW Site:)

By BrieHeartsZombies on Jul 1, 2010 1:03 pm

Thank you very much. I am wonderring if i can share your article in the bookmarks of society，Then more friends can talk about this problem.wow Gold,money, item and wow Powerleveling

By buycheapwowgold on Jun 30, 2010 5:21 am

Layout Details

Designer	triplelove
Submitted on	Jun 26, 2010
Page views	5,637
Favorites	8
Comments	2
Reviewer	Cum
Approved on	Jun 27, 2010

Dance to the Music

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates