Simple Green

CreateBlog Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Simple green layout for your cB profile =]

Using This Layout

For specific instructions read designer's comments

This is a Div Overlay layout, HTML knowledge required!
1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<style>

#header{display:none;}
#nav li, #nav li#search, #nav li.submit, #nav li ul li, #nav li, #nav li ul li.top, #nav li ul li {display:none !important;}
#profile div#stats{display:none !important;}
#profile div#splash{display:none !important;}
#profile div#bestfriends {display:none!important;}
#profile div#links{display:none!important;}

#profile div#recententries {display:none!important;}
#profile div#favorites {display:none !important;}
#profile div#submissions {display:none !important;}
#profile div#skills {display:none !important;}
#profile div#recentphotos{display:none !important;}
#profile div#footer{display:none !important;}

#profile div#aboutme {display:none !important;}
#header a img { display: none; }
#profile div#comments{display:none !important;}
#profile div#contactme{display:none !important;}

table, td, p, span, li,b, strong, div{font-family:Georgia; font-size: 11px; color:	#000000; font-weight: none; text-decoration: none; letter-spacing: 1px; text-transform: none; padding: 0px; line-height: 13px; background-color: transparent; border: 0px solid;}

body,table, td, li, p, div, textarea  
{font-family:Lucida Sans; font-size:10px; color:000000; font-weight:none;}
body, div {
OVERFLOW-X: auto;
}
body
{background-image:url("http://cbimg9.com/layouts/08/05/27792ae.jpg");
background-attachment:no-fixed;
background-color:ffffff;
background-repeat:repeat;
background-position:center;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #50b775
}

.text {font-family:Lucida Sans; font-size:10px;
color:black; font-weight:none}

.text5 {font-family:Lucida Sans; font-size:10px;
color:black; font-weight:none}

body div div table td { display: none }
.navibar {display: none; }
.navbar { display: none; }
div div table 
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

.title {
color: 000000;
font: 10px Lucida Sans;
font-weight: bold;
text-transform: none;
letter-spacing: 0px;
padding: 0px;
background-color: ;
text-align:center;}

div {
font-family: Lucida Sans; 
color : 000000; 
font-size : 10px;
letter-spacing:0pt;
text-align: justify;
background-color: transparent;
border: 0px solid ;}

.Main {
position: absolute; 
left: 50%; 
top: -1250px; 
width: 80px; 
z-index: 1; 
margin-left: -400px; 
padding: 0px; 
border: 0px; 
background-color: ;
overflow: hidden;
}

.comments {
visibility: hidden;
display: none;
}
div div table tr 
td a.navbar, .navbar, div div table tr td font, .lightbluetext8 {display: none;}
td ProfileMusic, td ProfileMovies,  td ProfileMusic, .whitetext12 {display: none;}

strong, b {font-weight: bold; color:000000;}
b {color:c6175e; font-family:Lucida Sans;text-transform:uppercase;font-size:10px;background-color:;}
u {color:6699cc;text-decoration:underline; border-bottom:dashed 1px ;font-family:Lucida Sans; text-transfrom:lowercase;}
s {color:6699cc;text-decoration:strikeout;font-family:arial;}
i {color:c6175e;font-family:Lucida Sans; text-transfrom:lowercase;}
hr {height:5;width:180;color:ffffff;border-bottom:solid;}

a{font-family:Lucida Sans; font-size:10px;  
font-weight:normal;background-color:transparent;}  
a:link{color:ffffff;;font-weight:normal;font-family:Lucida Sans}
a:active{color:ffffff;;font-weight:normal;font-family:Lucida Sans} 
a:visited{color:ffffff;;font-weight:normal;font-family:Lucida Sans} 
a:hover{color:000000;;font-weight:normal;font-family:Lucida Sans }

a.redlink{display: none;} 
a.redlink:link{display: none;} 
a.redlink:active{display: none;} 
a.redlink:visited{display: none;} 
a.redlink:hover{display: none;}

a.navbar{font-family:Lucida Sans; font-size:10px;
font-weight:normal;background-color:transparent;}  
a.navbar:link{color:000000;;font-weight:normal;font-family:Lucida Sans}
a.navbar:active{color:000000;;font-weight:normal;font-family:Lucida Sans}
a.navbar:visited{color:000000;;font-weight:normal;font-family:Lucida Sans}
a.navbar:hover{color:000000;;font-weight:normal;font-family:Lucida Sans;}

a.man{font-family:Lucida Sans; font-size:10px;  
font-weight:normal;background-color:transparent;} 
a:link{color:000000;font-weight:normal;font-family:Lucida Sans}  
a:active{color:000000;;font-weight:normal;font-family:Lucida Sans}  
a:visited{color:000000;;font-weight:normal;font-family:Lucida Sans} 
a:hover{color:000000;;font-weight:normal;font-family:Lucida Sans;}

.dunky{font-family:Lucida Sans; font-size:10px; letter-spacing:0px;
color:000000;; font-weight:none}  
</style>
<div class="bg" style="position: absolute; left:350px; top:150px; width:500px; height:500px; overflow: hidden;">

</div>

</div>

Where it says welcome above on the header, thats just an image for you to change. =] 
Maybe by putting your name or a small image!<BR><BR>

Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. 
Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. 
Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. 
Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. Write. 
Write. Write. Write. Write. Write. Write. Write. Write. Write. 
<BR><BR>

</div>

</center>

</div>

<STYLE type="text/css">
input, form, td.text input, td input {visibility: visible !important;}
</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style>.r{}</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;}

.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:200px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:100px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

embed, object {display:block; width:0px; height:px;}
.orangetext15, .blacktext10 {
display:block; width:100px; font-size:8pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}

.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

To hide the bottom links use this
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
</style>

</td> </tr> </table> </DIV>
<style>.r{}</style>
<style>/</style>

<div style="position: absolute;left:1px;top:1px; background-color:; height:19px; width:100px;"><a href="http://www.myspace.com/innocentlayouts_x"><font color=white>Innocentlayouts_x.</font></a></div>