Jump

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 : #1d1a15;
	background-image : url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay6/bg.gif');
	background-repeat : repeat;
	font-family : geogia, times new roman;
	font-size : 13px;
	color : #4b3e3a;}

b, strong{ color: #fd7041; }

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

i {
color: #f45060;
}

u, underline {
color: #775882;
}

em, s{	color: #e8ff98; letter-spacing: 1px;}

a:link, a:visited, a:active{
 color: #886b92;
}
a:hover{
 color: #e85579;
background: #ffc9d6;
}

#container{
	position : absolute;
	width : 560px;
	left : 40%;
	top : 0;
	margin-left : -335px;
	border : 0px solid #000000;
	margin-top : 0px;}
#banner {
	margin-top : 0;
	margin-left : auto;
	margin-right : auto;
	width : 800px;
	height: 600px;
	background-image: url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay6/header-1.png');
	border-bottom: 0px solid #000000;}

#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#c4689d;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
color: #cd1a55;
font-style: normal;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
border-bottom: 1px dotted #f16c98;
}
#navi a:hover, #navi a:focus {
color:#65adae;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #d1eeef;
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
border-left: 3px solid #65adae;
border-bottom: 1px dotted #65adae;
}

#navigation{
width: 100%;
}
#content {
	margin-top: -280px;
	margin-left: 170px;
	background-color : transparent;
	background-image: url('');
	border: none;
	padding: 15px;}

#content2 {
	background-color: #c8e7ee;
background-image: url('http://cbimg6.com/layouts/08/09/31107ac.png');
background-position: bottom;
background-repeat: no-repeat;
	border: none;
margin-bottom: 10px;
	padding: 5px;}

#sidebar {
	background-color : #fff9db;
background-image: url('http://cbimg6.com/layouts/08/09/31107ad.png');
background-position: bottom;
background-repeat: no-repeat;
	border-top: 3px dotted #ffa85a;
	padding: 5px;
}
a.nav:link, a.nav:visited, a.nav:active{
	display: block;
	width: 100%;
	background-color: #1d1a15;
	background-image: url('');
	color: #a69e7d;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin: 2px;
	padding: 2px;
	font-size: 11px;
	letter-spacing: 2px;
	border-bottom: 1px dotted #958d6c;
	text-transform: uppercase;}
a.nav:hover{
	display: block;
	width: 120px;
	height: 14px;
	background-color: #3c1601;
	background-image: url('http://cbimg6.com/layouts/08/09/31107ae.gif');
	color: #fce8ab;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	letter-spacing: 3px;
	margin: 2px;
	border: none;
	border-bottom: 1px dotted #958d6c;
	text-transform: uppercase;}

input { 
border: 1px solid #916a9f;
background-color: #f2e9f5;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #916a9f;
}

textarea { 
border: 1px solid #916a9f;
background-color: #f2e9f5;
font-size: 11px;
font-family: georgia;
line-height: 11px;
color: #916a9f;
}

h1{
 font-size: 30px;
 color: #e4ff8e;
 font-variant: small-caps;
 font-style: italic;
 text-align: right;
 margin: 0px;
 letter-spacing: 4px;
 }
h2{
 font-size: 16px;
 background: #efffcc;
 color: #896a9c;
 border-top: 1px dotted #45a0b0;
 border-bottom: 3px dotted #f793ac;
 text-align: center;
 font-family: Courier New, monospace;
 font-weight: normal;
 margin: 0px;
 letter-spacing: 2px;
 }
h3{
 font-size: 16px;
 background: #efffcc;
 color: #ee6486;
 border-bottom: 3px dotted #946a9c;
 border-top: 1px dotted #f793ac;
 text-align: center;
 font-family: Courier New, monospace;
 font-weight: normal;
 margin: 0px;
 letter-spacing: 2px;
 }
h4 {
 font-size: 24px;
 color: #e4ff8e;
 font-variant: small-caps;
 font-style: italic;
 text-align: right;
 margin: 0px;
 letter-spacing: 4px;
 }
::-moz-selection {
background:#fffcca;
color:#ff81a8;
}
</style>

</head>
<body>

<div id="container">
	<div id="banner">
	</div>
	<div id="content">
		<h1>!Title Here!</h1>
<div id="content2">
		<h2>Lalala title</h2>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

<h3>BLA</h3>
<center>
<p>
<b>Bold</b>, <m>Mark</m>, <i>Italic</i>, <u>Underline</u>, <s>Strike</s><p>
<input></input><br>
<textarea>Text area</textarea>
</center>
</div>

<h4>Profile</h4>
<div id="sidebar">
blablabla blablablablabla
</div>
<table style=" width: 360px; height: 100%; margin: 0px;">
<tr>
<td STYLE=" width: 50%;">

</td>
<td>

<h4>Links</h4>

</td STYLE=" width: 50%;">
</tr>
</table>
<table style=" width: 360px; height: 100%; margin: 0px;">
<tr>
<td style=" background-color: #fff9db; height: 100%; width: 50%; border-top: 3px dotted #ffa85a;" >

</td>
<td style=" padding-bottom: 4px; background-color: #fff9db; background-image: url('http://cbimg6.com/layouts/08/09/31107af.png'); background-position: bottom; background-repeat: no-repeat; height: 100%; width: 50%; border-top: 3px dotted #ffa85a;" >

</td>
<td style=" width: 50%;">

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

<h4>Anything</h4>

</td>
<td>

<h4>Credits</h4>

</td STYLE=" width: 50%;">
</tr>
</table>
<table style=" width: 360px; height: 100%; margin: 0px;">
<tr>
<td style=" padding-bottom: 4px; background-color: #fff9db; background-image: url('http://cbimg6.com/layouts/08/09/31107af.png'); background-position: bottom; background-repeat: no-repeat; height: 100%; width: 50%; border-top: 3px dotted #ffa85a;" >

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

</td>
<td style=" padding-bottom: 4px; background-color: #fff9db; background-image: url('http://cbimg6.com/layouts/08/09/31107af.png'); background-position: bottom; background-repeat: no-repeat; height: 100%; width: 50%; border-top: 3px dotted #ffa85a;" >

Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a><p>
<center><a href="http://kingshanno.deviantart.com/">x</a>.<a href="http://missfairytaled.deviantart.com/">x</a>.<a href="http://www.minitokyo.net/">x</a>.<a href="http://www.createblog.com/">x</a>
</center>

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

</div>

</div>
</body>
</html>