BangBoom

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>BangBoom</title>

/***************** BODY *****************/

body{  background-color: #5c493e; background-image: url(''); background-repeat: repeat-y; font-family: verdana; font-size: 11px;  background-color: #5c493e;}

/***************** HEADER *****************/

#banner { margin-left: 0px; margin-top: 20px; margin-right: 0px; width: 600px; height: 562px; background-image: url('http://cbimg6.com/layouts/09/02/33641ab.png'); border-bottom: 0px solid #000000;}

/***************** CONTAINER *****************/

#container{ position : absolute; left : 10px; top : 10; border : 0px solid #eaeaea; margin-top : 0px; }

/***************** CONTENT *****************/

#content { z-index: 5; position: absolute; top: 45px; left: 610px; background-color: transparent; background-image: url(''); border: none; padding: 15px; }

#content2 { width: 330px; height:318px; overflow: auto; overflow-x: hidden; background-color: #7F6657; background-image: url(); background-repeat: no-repeat; background-position: top left; border: none; margin-bottom: 10px; padding: 5px; color: #eaeaea; border-bottom: 1px dashed #fff692;}

/***************** SIDEBAR *****************/

#sidebar { background-color: #7F6757; background-image: url(''); background-position: bottom; background-repeat: no-repeat; border-top: 3px dotted #ffa85a; padding: 5px; margin-right: 10px; color: #eaeaea; margin-left: -10px;}

#sidebar2 {position:absolute;top: 740px;left:180px;height:40px;text-align:center; color: #b7e44a;}

/***************** H1, H2, H3, H4 *****************/

h1 { color: #DEDCD3; font-family: Georgia; font-size: 18pt; font-style: italic; text-align:right; font-weight: normal; padding-right: 5px; margin-bottom: -4px;}

h2 { font-size: 11px; background: transparent; color: #EFDAC2; border-top: 1px dashed #DEDCD3; border-bottom: 4px dotted #FFF692; text-align: left; font-family: Courier New, monospace; font-weight: normal; margin: 0px; padding-left: 3px; letter-spacing: 2px; margin-bottom: 10px;}

h3 { font-size: 16px; background: #efffcc; color: #FFDCB3; 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-family: Georgina; font-variant: small-caps; font-style: italic; text-align: right; margin: 0px; letter-spacing: 4px; font-weight: normal; margin-bottom: -4px; padding-right: 10px; }

/***************** NAVIGATOR *****************/

#navi a, #navi a:link, #navi a:active, #navi a:visited { font-size:10px; font-family:arial; line-height:15px; display:block; text-align: left; text-transform: uppercase; letter-spacing: none; text-decoration: none; color: #ff7999; font-style: normal; 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; padding-top: 1px; 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%; }

/***************** MENU *****************/

#menu { list-style: none; width: 380px; position: absolute; top: 0px; margin-top: 27px; left: 610px; z-index: 10; }
#menu li { float: left; color: transparent;}
#menu a, #menu a:link, #menu a:active, #menu a:visited { display: block; height: 14px; width: 90px; background-color: #fff695; background-image: url(http://cbimg6.com/layouts/09/02/33641ac.png); background-repeat: no-repeat; background-position: top-left; color:#dc0064; font-size:12px; font-family:georgia; text-align: center; padding: 7px 1px 1px 1px; margin-right: 3px; cursor: crosshair; -moz-border-radius: 15px 15px 0px 0px;}
#menu a:hover, #menu a:focus { color:#885595; font-size: 15px; background-color: #00f1e3; font-style: italic; border-bottom: 1px dashed; padding: 5px 1px 2px 1px; text-align: center; font-weight: bold; }

/***************** LINKS *****************/

a, a:link, a:active, a:visited { color:#dc0064; font-size:12px; font-family:georgia; line-height:11px; text-align: left; letter-spacing: none; text-decoration: none; color: #fff692; font-style: normal; padding: 0px 1px 1px 1px; }
a:hover, a:focus { color:#885595;
cursor: crosshair; background-color: #00f1e3; text-decoration: none; font-style: none; border-bottom: 1px dashed; padding: 0px 1px 0px 1px; }

/***************** INPUT, TEXTAREA, SELECTION, BUTTON *****************/

input, textarea, select, button { font-size:11px; color:#999999; background: #EDE0EF; 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; }

/***************** OTHER CSS ELEMENTS *****************/

b, strong { color: #00F0E2; font-weight: bold; }
m, mark { background:#00f1e3; color:#885595; padding: 0px 2px 0px 2px;}
i, em { color: #ECB3EF; font-style: italic;}
u { color: #FFF962; text-decoration: none; border-bottom: 1px dashed #00F0E2;}
s, stroke {color: #BAF579; text-decoration: line-through; }

#blockquote { margin: 15px; padding: 15px; background-color: #fff692; border-bottom: 3px double #ea4250; border-left: 1px dotted #c32645; border-right: 1px dotted #c32645; border-top: 0px solid #e08194; }

::-moz-selection {
background:#fffcca;
color:#ff81a8;
}

</style>
</head>
<body>

<div id="content">
<div id="content2">
		<h1>Title</h1>
		<h2>blablablaa</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

<h1>Title</h1>
		<h2>blablabla blablabla</h2>

<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>BlaBlaBla</h4>
<div id="sidebar" style="background-image: url(http://cbimg6.com/layouts/09/02/33641ad.png); background-repeat: no-repeat; background-align: bottom left; width: 340px;">

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 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>

<h4>BangBoom</h4>
</td>
<td>

</td STYLE=" width: 50%;">
</tr>
</table>
<table style=" width: 350px; margin-left: -10px;">
<tr>
<td style=" padding-bottom: 4px; background-color: #7f6757; background-image: url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/bangboom/Untitled-4-1.png'); background-position: bottom; background-repeat: no-repeat; width: 50%; color: #eaeaea; border-top: 3px dotted #ffa85a;">
<centeR>

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

</center>
</td>
<td style=" background-color: #7f6757; width: 50%; border-top: 3px dotted #ffa85a;" >
<div style="border-left: 3px solid #f16c98; height: 25px;"></div>
<div id="navi"><a href="">Home</a></div>
<div id="navi"><a href="">Link</a></div>
<div id="navi"><a href="">Link</a></div>
<div id="navi"><a href="">Link</a></div>
<div id="navi"><a href="">Link</a></div>
<div style="border-left: 3px solid #f16c98; height: 25px;"></div>

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

<h4>Links</h4>

</td>
<td>

<h4>Nothing</h4>

</td STYLE=" width: 50%;">
</tr>
</table>
<table style=" width: 350px; height: 100%; margin-left: -10px;">
<tr>
<td style=" padding-bottom: 4px; background-color: #7f6757; background-image: url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/bangboom/Untitled-4-1.png'); background-position: bottom; background-repeat: no-repeat; height: 100%; width: 50%; border-top: 3px dotted #ffa85a; color: #eaeaea;" >
<center>

</center>

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

</center>
</td>
<td style=" padding-bottom: 4px; background-color: #7f6757; background-image: url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/bangboom/Untitled-4-1.png'); background-position: bottom; background-repeat: no-repeat; height: 100%; width: 50%; border-top: 3px dotted #ffa85a; color: #eaeaea;" >
<center>cri cri cri</center>
</center>

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

</div>

<div id="sidebar2">
<b>::</b> Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor rainbow</a> <b>::</b><br>
<div style="font-size: 12px; margin-top: 3px;"><a href="http://www.createblog.com/">x</a>

</div>

</body>
</html>