Mature

Designer's Comments

Look carefully for specific instructions

Hey guys this is my first layout that I put on createblog, hope you like it.
Comment please.
Oh please don't remove the credits.
I took like 3 hours to make this so if you do use it, only change the place that you need to.
But please do not touch the credits thanks.

--------------------------------------------------->>

DO NOT REDISTRIBUTE CODE!!!!!

--------------------------------------------------->>

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Mature::featuring Fahrenheit;;CandyLand; Taiwangirl</title>

<style>

body{
	background-color:#000000;
	background-image: url(http://i40.tinypic.com/331d0m1.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:top left;

scrollbar-arrow-color:#202a3a;
	scrollbar-base-color: #202a3a;
	scrollbar-face-color: #b4b4b4;
	scrollbar-highlight-color: #b4b4b4;
	scrollbar-shadow-color: #b4b4b4;
	scrollbar-3dlight-color: #b4b4b4;
	scrollbar-track-color: #b4b4b4;
	scrollbar-darkshadow-color:#b4b4b4;
	cursor: crosshair;
}

.content {
	font-family: georgia;
	font-size: 11px;
	color: #081832; 
	text-align: justify;
	line-height: 10px;

}

h1 {
	background-color:#b6cdcc;

font-family:georgia;
	font-size:16px;
	color: #172d4d;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: 5px;
	margin:0px;
	padding:0px;
	border-top: solid 3px #172d4d;
	border-bottom: solid 3px #172d4d;
	border-left: solid 1px #172d4d;
	border-right: solid 1px #172d4d;
}
	
h2 {
	background-color:#d5dcd5;
	font-family:georgia;
	font-size:14px;
	color: #081832;
	text-align:left;
	text-transform:lowercase;
	font-weight: none;
	text-decoration:italics;
	line-height: 15px;
	letter-spacing: 10px;
	margin:0px;
	padding:0px;
	border-top: dashed 1px #285065;
	border-bottom: dashed 1px #285065;
	border-left: dashed 1px #285065;
	border-right: dashed 1px #285065;
  
}

b {
font-family: georgia;
color: #2a3030;
font-weight: bold;
text-transform: uppercase; }

s {
font-family: georgia;
color: #89bcb5;
}

u {
font-family: georgia;
color: #5f7779;
border-bottom: 3px solid #66acba;
padding: 0 0 -3 0;
text-transform: uppercase; }

i {
font-family: georgia;
color: #182234;
letter-spacing: 2px;
font-weight:bold;
}

A:link, A:active, A:visited 
	{
	background-color:#172739;
	font-family: georgia;
	font-size: 10px;
	color:#e8e9e3;
	letter-spacing: 5px;
	text-decoration: none;
	cursor: n-resize;
	text-transform: uppercase;
        text-align: left;
        
	}

a:hover {
	background-color: #e8e9e3;
	font-family: georgia;
	font-size: 10px;
	letter-spacing: 10px;
	font-weight: bold;
	color: #172739;
	text-decoration: none;
	cursor: crosshair; 
       text-transform: lowercase;
       text-align: left;
     
	}

a.navi, a.navi:active, a.navi:link, a.navi:visited {
	display:block;
      font-family: georgia;
      font-size: 11px;
      font-weight: normal;
      text-decoration:none;
       background: transparent; 
      color: #ffffff;
      text-transform: uppercase;
      text-align: right;
      padding:1px;
      letter-spacing:3px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-left: solid 30px #ffffff;
	border-right: solid 1px #172d4d;

}

a.navi:hover {
	display:block;
	background-color: #587c8b;
      font-family: georgia;
        font-size: 11px;
         font-weight: normal;
        text-decoration:none;
         color: #ffffff;
         text-transform: uppercase;
        text-align: left;
       padding:2px;
         letter-spacing:3px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right: solid 30px #ffffff;
	border-left: solid 1px #172d4d;

}
</style></head>

<div class="content" style="position: absolute; top:579px; left: 230px; width: 600px ; overflow: auto; height:30px">
 
<h1>Main Title</h1>
</div>

<div class="content" style="position: absolute; background-color: transparent; top:610px; left: 380px; width: 520px ; overflow: yes;">
 
<h2>Title</h2><br><br>
Directions:<br><br>
Change what you need, like the titles, the links, and other places that say bla bla bla.  Please do not remove credits, thanks ^^.<br>

<br>

<h2>Title</h2><br><br>
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
<br>

<h2>Title</h2><br><br>
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
<br>
<h2>Title</h2><br><br>
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
<br></div>

<div class="content" style="position: absolute; background-color: transparent; top:610px; left: 145px; width: 200px ; overflow: yes;">
 
<div class="navi">
<h2>Navigation</h2><br>

<div class="content">
<h2>About Us</h2><br>
bla bla bla bla bla bla bla bla bla 
bla bla bla 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><br>

<div class="content">
<h2>links</h2><br>
>><a href="x">link</a><br>
>><a href="x">link</a><br>
>><a href="x">link</a><br>
>><a href="x">link</a><br>
>><a href="x">link</a><br>
</div><br>

<div class="content">
<h2>layout info</h2><br><br>
>><a href="x">link</a><br><br>
>><i>italics</i><br><br>
>><u>underline</u><br><br>
>><b>bold</b><br><br>
>><s>strikethrough</s> <br>
Best Viewed of Mozilla Firefox :D
</div><br>

<div class="content">
<h2>credits</h2><br>
<b>do not remove</b><br>
© Taiwangirl<br>
@ <a href="http://www.candyland.violinstar.net">CandyLand</a><br>
Pictures at: <a href="http://www.photobucket.com/">Photobucket</a><br>
Thanks to various sites for <i>brushes</i>
</div></div><br>

</body>
</html>