> mickie james layout <

go back in time to where we started?

this is the part where you write updates or random blog entries. this part, will be shown on just your homepage, BUT you have this part to every page, just not with the same writing, etc ;)

can we start again

this will be another random blog entry! you can also add bold, underlined, italic words, or just plain links! i've added 5 types of links to this layout, which you will see throughout the code :D!

what we had just cant be wasted

want this layout? this be where you get the codes yoo!
this is the main stylesheet code

<title>>   mickie james layout   <</title>

.blog {
  width: 400px;
  background-color:transparent;
  border-bottom: 2px solid #ffffff;
  font-family: tahoma;
  color:#ffffff;
  margin-left: 0px;
  margin-bottom:20px;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
  position:absolute; 
  left:610px;
  top: 180px;
  border:none;
}

.blog2 {
  width: 400px;
  background-color:transparent;
  border-bottom: 2px solid #ffffff;
  font-family: tahoma;
  color:#ffffff;
  margin-left: 0px;
  margin-bottom:20px;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
  position:absolute; 
  left:610px;
  top: 90px;
  border:none;
}

.updatebox {
  overflow:auto;
  background-color:#525252;
  border-bottom: 1px solid #ffffff;
  font-family: tahoma;
  color: #151515;
  margin-left: 0px;
  margin-bottom:20px;
  font-size: 10px;
  line-height: 12px;
  text-align: justify;}

.updatebox2 {
  overflow:auto;
  font-family: tahoma;
  color: #c0c0c0;
  margin-left: 0px;
  margin-bottom:20px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;}

h1 {
color: #ffffff;
background-color: transparent;
font-size:20px;
margin-top:0px;
line-height:22px;
font-family:georgia;
font-style:normal;
font-weight:normal;
text-transform: lowercase;
letter-spacing:-2px;
margin-bottom:1px;
margin-bottom:1px;
text-align:center;
border-bottom:1px dotted red;
text-decoration:none;}

h3  {
color: #ffffff;
background-color: transparent;
font-size:20px;
margin-top:0px;
line-height:22px;
font-family:georgia;
font-style:normal;
font-weight:normal;
text-transform: lowercase;
letter-spacing:-2px;
margin-bottom:1px;
margin-bottom:1px;
text-align:right;
border-bottom:1px dotted red;
text-decoration:none;}

h2 {
color: #ffffff;
background-color: transparent;
font-size:20px;
margin-top:0px;
line-height:22px;
font-family:georgia;
font-style:normal;
font-weight:normal;
text-transform: lowercase;
letter-spacing:-2px;
margin-bottom:1px;
margin-bottom:1px;
text-align:left;
border-bottom:1px dotted red;
text-decoration:none;}

textarea {
width:100px;
height:30px;
font-family:small fonts;
font-size:7px;
font-color:#ffffff;
text-transform:uppercase;
display:block;
margin:0px;
background-color:909090;
line-height:9px;
}

small {
color: #c0c0c0;
background-color: #393939;
font-size:7px;
margin-top:0px;
line-height:9px;
font-family:small fonts;
font-style:normal;
font-weight:normal;
text-transform: uppercase;
letter-spacing:1px;
margin-bottom:1px;
text-align:right;
text-decoration:none;
display:block;}

a.nav2 {font-family:small fonts;
font-size:7px;
font-color:#c52177;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:2f2f2f;
border-left: 10px solid #ffffff;
line-height:9px;
}

a.nav2:hover {font-family:small fonts;
font-size:7px;
font-color:#ffffff;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:1d1d1d;
border-left: 10px solid #ff0000;
line-height:9px;
}

a.nav3 {font-family:small fonts;
font-size:7px;
font-color:#939393;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:1d1d1d;
border-left: 10px solid #ffffff;
line-height:9px;
}

a.nav3:hover {font-family:small fonts;
font-size:7px;
text-color:#ffffff;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:1d1d1d;
border-left: 10px solid #ff0000;
line-height:9px;
}

a.nav4 {font-family:small fonts;
font-size:7px;
font-color:#c52177;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:2f2f2f;
border-right: 40px solid #585858;
line-height:9px;
}

a.nav4:hover {font-family:small fonts;
font-size:7px;
font-color:#ffffff;
text-transform:uppercase;
opacity:30%;
display:block;
margin:1px;
background-color:1d1d1d;
border-right: 60px solid #585858;
line-height:9px;
}

a.nav5 {font-family:small fonts;
font-size:7px;
font-color:#939393;
text-transform:uppercase;
opacity:30%;
margin:1px;
background-color:000000;
line-height:9px;
}

a.nav5:hover {font-family:small fonts;
font-size:7px;
text-color:#ffffff;
text-transform:uppercase;
opacity:30%;
margin:1px;
background-color:ff0000;
line-height:9px;
}

b{color: #ff0000;font-size: 10px; font-weight: bold;   font-family: tahoma;text-transform: lowercase; }

u {color: #ff0000;font-weight: normal;text-transform: lowercase;}

i {color: #c0c0c0;font-weight: normal; text-transform: none;}

a:link,a:visited,a:active
{color:#ffffff;
font-weight:normal;
font-family:small fonts;
font-size:7px;
text-decoration:none;
text-transform: uppercase;

a:hover
{color:#c52177;
font-size:11px;
text-transform: none;}

hr,font{display: none ;}

#m, #n, #mb, center font b,.hdr, td, .bodycenter font b{display:none}

</style>

<h3>affilates!</h3>
<a href="" class="nav4">affilate</a>
<a href="" class="nav4">affilate</a>
<a href="" class="nav4">affilate</a>
<a href="" class="nav4">affilate</a>

<h3>chat?</h3>
add your own chatbox here! go to www.cbox.ws.for your own ;)

<h3>credits!</h3>
layout design & code credit
<a href="http://electriccity.nephlim.net" class="nav4">electric city</a>

</div>

<div class="blog2">
<h2>can we start again?</h2>
this is where you write about your site, when it started, your name, etc, etc! you could also add a mini icon to the left or to the right, to make it stand out more :) this part will be shown on <u>ALL</u> your pages
</div>

<div class="blog">
<h1>go back in time to where we started</h1>
this is where you write your updates!
</div>

and thats all there is to it! enjoy ;)