Gokinjo Monogatari

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body {
	background-image: url(http://cbimg6.com/layouts/08/08/30310ac.jpg);
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: justify;
	letter-spacing: 0px;
	color: #8a8a8a;
	}

u {
color: #e44d6e;
border-bottom: 1px dashed #8a759e;
}

b {
color: #8a759e;
}

b:hover {
color: #e1627d;
}

strong {
color: #8a759e;
}
strong:hover {
color: #e1627d;
}
i { color: #ffa31f; }

#container {
	width: 800px;
	background-image: url(http://cbimg6.com/layouts/08/08/30310ad.jpg);
	background-repeat: repeat-y;
	float: right;
	}
#content-container {
	margin-left: 260px;
	margin-top: 0px;
	}
#sidebar {
	width: 160px;
	float: left;
	padding-left: 2px;
	}
#content {
	width: 240px;
	float: right;
margin-right: 88px;
margin-top: 0px;
padding-right: 1px;
	padding-left: 6px;
	}
#title {
	width: 262px;
	float: center;
	padding-right: 2px;
	}
.header {
font-weight: bold;
font-size: 11px;
letter-spacing: -1px;
text-align: right;
padding: 2px;
background-color: #dde74e;
border-right: 1px #ffc8d8 solid;
border-bottom: 1px #e93049 solid;	
background-image: url(http://cbimg6.com/layouts/08/08/30310ae.png);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 4px;
color: #e44d6e;
	}
.menu, .menu:link, .menu:visited, .menu:visited {
display: block;
width: 85%;
padding-left: 10px;
font-family: verdana;
font-size: 9px;
background-color: #ffe39f;
border-top: 1px solid #ffffff;
border-right: 1px solid #fcfff8;
border-left: 2px solid #ffc444;
border-bottom: 2px solid #ff981f;
text-align: justify;
line-height:7px;
padding-top: 3px;
color: #ff981f;
padding-bottom: 4px;
margin-bottom: 3px;
font-weight: bold;
	}

.menu:hover {
display: block;
width: 85%;
padding-left: 10px;
font-family: verdana;
font-size: 9px;
background-color: #ffdcde;
padding-top: 3px;
color: #f55f77;
text-align: justify;
line-height:7px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #f3fbff;
border-right: 2px solid #ff99aa;
border-top: 2px solid #f55f77;
padding-bottom: 4px;
margin-bottom: 3px;
font-weight: bold;
	}

a {
	text-decoration: none;
	color: #bcc539;
	}
a:hover {
	text-decoration: none;
	color: #ff6a8a;
	background-color: #f7cbff;
	}
#footer {
	height: 78px;
	width: 800px;
	background-image:url(http://cbimg6.com/layouts/08/08/30310af.jpg);
	float: right;
	font-size: 0px;
	}
</style>
</head>

<!---- SIDEBAR ----!>

<div class="header">Menu</div>
<center>
<a href=""><div class="menu">Home</div></a>
<a href=""><div class="menu">Link</div></a>
<a href=""><div class="menu">Link</div></a><p>
</center>
			<div class="header">Me</div>
				<img src="http://cbimg6.com/layouts/08/08/30310ab.png" padding-bottom="3px"><br>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla... you~

<div class="header">Links</div>

<ul>

<div class="header">Credits</div>
<center>Layout by <a href="http://technicolor-rainbow.createblog.com/" target='blank'>technicolor.rainbow</a></center>

</div>

<!---- CONTENT ----!>

<div id="content">
			<div class="header"> Blaaah </div>
 test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test <br><br>
You can put the title of your blog at that big empty space. Please, don't remove my copyrights in the sidebar.<br><br>
			<div class="header">More...</div>
<center><b>Bold</b><p><u>Underlined</u><p><i>Italic</i><p><a href="">Link</a></center>
			</div>

</div>

</div>
<div id="footer"> </div>

</body>
</html>