whatever for wabsite

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">

<html>

<head>
	<title>TITLE</title>
	<style type="text/css">

body{	background-color : #eadfcd;
	background-repeat : no-repeat;
	background-position: top center;
	font-family: verdana;
	font-size: 9px;
	color: #8c8c8c;}

b, strong{ color: #a8ca4c; }

m, mark {
color: #744343;
background: #fffcb3;
}

i {
color: #000;
}

u, underline {
text-decoration: none;
border-bottom: 1px dashed #000;
color: #FF4B8E;
}

em, s{	color: #F3A809;}

a {cursor: hand; color: #42b5bc; text-decoration: none; border: 0px solid;}
a:link {cursor: hand; color: #42b5bc; text-decoration: none; border: 0px solid;}
a:visited {cursor: hand; color: #42b5bc;text-decoration: none; border: 0px solid;}
a:active {cursor: hand; color: #42b5bc;font-style: italic; border: 0px solid;}
a:hover {cursor: hand; color: #6fb41d; background-color: #dff7c2; text-decoration: none; border: 0px solid;}

#footer {
	width : 976px;
	height: 224px;
	background-image: url('http://cbimg6.com/layouts/09/02/33763ac.png');}

#footer-content {
        width: 670px;
        height: 125px;
        margin-left: 100px;}

#container{
	position : absolute;
	width : 560px;
	left : 35%;
	top : 0px;
	margin-left : -335px;
	border : 0px solid #000000;
	margin-top : 0px;}
#banner {
	margin-top : 0;
	margin-left : auto;
	margin-right : auto;
	width : 976px;
	height: 565px;
	background-image: url('http://cbimg6.com/layouts/09/02/33763ad.png');
	border-bottom: 0px solid #000000;}

#navigation{
width: 100%;
}
#content {
	margin-top: -440px;
	margin-left: 405px;
	width: 365px;
        height: 380px;
        overflow: auto;
	background-color: #transparent;
	position: absolute;
	padding: 4px;}

#liinks {
        position: absolute;
        top: 320px;
        margin-left: 131px;
        width: 220px;}

#menu {
width: 350px;
position: absolute;
text-align: center;
top: 93px;
margin-left: 410px;
}

#menu a, #menu a:link, #menu a:active, #menu a:visited {
color: #de3e38;
text-decoration: none;
margin-right: 10px;
font-family: georgia;
font-size: 18px;
font-style: italic;
letter-spacing: -1px;}

#menu a:hover, #menu a:focus {
color: #fa9d2f;
border-bottom: 1px dashed #000;}

input, textarea, select, button {
font-size:11px;
color:#999999;
background: #f5e9f7;
border-left: 0px;
border-top: 0px;
border-right: 1px solid;
border-bottom: 1px solid;}

input:focus, textarea:focus, label:focus, select:focus, button:focus {
color:#999999;
background: #fff8db;
border-left: 0px;
border-top: 0px;
border-right: 1px solid;
border-bottom: 1px solid;}

h1{
font-weight: bold;
background-color: transparent;
background-image:url(http://cbimg6.com/layouts/09/02/33763ae.png);
background-repeat:no-repeat;
background-align:bottom-left;
padding-left: 7px;
border-bottom:1px dashed #a4759e;
color:#ff889e;
line-height: 16px;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
text-indent: 5px;
text-align: left;
}

h2{
font-weight: bold;
background-color: transparent;
background-image:url(http://cbimg6.com/layouts/09/02/33763af.png);
background-repeat:no-repeat;
background-align:bottom-left;
padding-left: 7px;
border-bottom:1px dashed #2cb9c1;
color:#aed93e;
line-height: 16px;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
text-indent: 5px;
text-align: left;
}

#menu-me {
        position: absolute;
        margin-left: 81px;
        top: 267px;}
#menu-about {
        position: absolute;
        margin-left: 80px;
        top: 215px;}

#profile-content {
        position: absolute;
        top: 205px;
        margin-left: 109px;
        width: 265px;
        height: 110px;
        overflow: auto;}
#music {
        position: absolute;
        top: 450px;
        margin-left: 130px;}

#title {
position: absolute;
top: 150px;
width: 250;
text-align: center;
z-index: 10;
margin-left: 148px;
color: #59bbc4;
font-family: georgia;
font-size: 17px;
font-style: italic;}

#title:first-letter{ color: #82c82d; font-size: 30px;}

</style>

</head>

<body>

</div>

<div id="title">
TITLE HERE
</div>

<div id="liinks">
		<table style="width: 100%;">
		<tr>
<h2> Links </h2>
		<td style=" font-size: 9px; width: 50%">

</td>
		<td style="width: 50%;">
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>

</td>
		</tr>
		</table>
</div>

</div>

<div id="profile-content">
<span id="main">
profile here bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</span>

<span id="profile" style="display: none;">
copy profile here bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</span>

<span id="about" style="display: none;">
something about your site here bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</span>

</div>

<div id="content">
<h1>Blah</h1>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
<p>

<blockquote><b>Bold</b> : <i>Italic</i>

:  <m>Mark</m> : <s>Stroke</s>
: <u>Underline</u> : <a href="">link</a></blockquote>

<p></p>

</div>

<table style="width: 100%; margin-top: -10px;">
		<tr>
		<td style=" font-size: 9px; width: 25%">
<h2>Title</h2>
<div style="height: 95px; overflow: auto;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>
		</td>
		<td style=" font-size: 9px; width: 25%;">
<h2>Title</h2>
<div style="height: 95px; overflow: auto;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>
		</td>
		<td style=" font-size: 9px; width: 25%">
<h2>Title</h2>
<div style="height: 95px; overflow: auto;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>
		</td>
		<td style=" font-size: 9px; width: 25%;">
<h2>Title</h2>
<div style="height: 95px; overflow: auto;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>
		</td>
		</tr>
		</table>
</div></div>
<div style="padding-top: 15px; margin-left: -50px;">
<center>layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a><br></center>
</div>
</div>
</div>
</body>
</html>

Layout Comments

Showing latest 10 of 13 comments

is it possible to make this breath taking layout for myspace?

By dotzadoo on Oct 21, 2009 1:01 am

your layouts are OFFICIALY my favorite everz(:

By famous323 on May 7, 2009 6:39 pm

yess

By technicolor-rainbow on Apr 10, 2009 6:44 pm

is it okay if i used it?

By worlddomination on Apr 7, 2009 9:45 pm

Oh! Sorry. I pasted (thinking I'd copied what I tried to write when I didn't log in first) and clicked without looking.

What my comment was SUPPOSED to say was, I love this layout and I'll be using it. =P

By lonelycheese15 on Mar 31, 2009 12:56 pm

I like this layout. But I have a problem. To come out: error de XML: The string "--" is not permitted within comments.Can you help me, please?
In advance, thank you.

By NataliaR on Mar 17, 2009 11:43 pm