simple CB layout

Designer's Comments

Look carefully for specific instructions

Well this is my first Create Blog layout, it has multiple pages making it very unique.
just fill in your own information in all the sections, and add the links that you want.
please dont remove the credit. or steal my layout. inspired by my old viper web template, which i had to remove because at least 6 people stole it and didn't credit me.. so i just removed it.
oh yeah, you can now customize the colors very easily too!

big thanks goes out to jcp for submitting the hide entire cb profile script.

Yes, you can change the colors.
no, you may not remove the credit.

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

b, h2, #login a:hover {
color: GREEN !important; //CHANGE THE COLOR OF THE HEADERS AND BOLD TEXT}

#layout_nav a:hover {
background: GREEN !important; //CHANGE COLOR OF MAIN LINK BACKGROUNDS}

</style>
    <div id="layout_container">
    <div id="layout_nav">

<a href="#about">About Me</a>
     <a href="#interests">Interests</a>
     <a href="#friends">Friends</a>
     <a href="#contact">Contact</a>
     <a href="#blank">Extra Page</a>
     <a href="#comment">Comment</a><br>

<a href="http://alek.createblog.com/">credit</a>
    </div><div id="layout_body">
    <div class="layout_content" id="about">

<h1><b> Your Name </b> Can go here </h1>
this is your about you section.
this is your about you section.
this is your about you section.
this is your about you section.
this is your about you section.
this is your about you section.
<blockquote>
<h1> Header one </h1><h2> Header two </h2>
<b>Bold</b><i>Italic</i><u>Underline</u><S>Strikethrough</s>
This is all just crap, delete it for your own stuff
</blockquote>

</div><div class="layout_content" id="interests">

<h1> Interests </h1>
this is your interests section.
this is your interests section.
this is your interests section.
this is your interests section.
this is your interests section.
this is your interests section.

</div><div class="layout_content" id="contact">

<h1> Contact </h1>
this is your contact section.
this is your contact section.
this is your contact section.
this is your contact section.
this is your contact section.
this is your contact section.

</div><div class="layout_content" id="friends">

<h1> Friends</h1>
this is your friends section.
this is your friends section.
this is your friends section.
this is your friends section.
this is your friends section.
this is your friends section.

</div><div class="layout_content" id="blank">

<h1> Extra Page </h1>
this is just a blank page do whatever you want with it.
this is just a blank page do whatever you want with it.
this is just a blank page do whatever you want with it.
this is just a blank page do whatever you want with it.
this is just a blank page do whatever you want with it.
this is just a blank page do whatever you want with it.

</div><div class="layout_content" id="comment">

<h1> Comment </h1>
this is your comment section.
this is your comment section.
this is your comment section.
this is your comment section.
this is your comment section.
this is your comment section.

<form action="comment.php" method="post">
    <textarea name="comment" cols="35" rows="3"></textarea>
    <input value="Submit" class="button" type="submit">
    </form></div></div><center class="footer">
    ©2008 CreateBlog.com	   l   
    <a href="http://alek.createblog.com/">Layout designed by Alek</a>
    </center></div>

Layout Code

Copy and paste to Footer HTML

Help

<style>

C {
        * (c) Alek
        * Alek.createblog.com
        * Disporatik.com
}

#stats, #splash, #bestfriends, #aboutme, #contactme, #links, 
#recententries, #favorites, #submissions, #skills, #recentphotos, 
#footer, #comments, #nav, #logo { display:none; }
body { background:black; }
div, h1, blockquote, table, a
{ font-family:arial; font-size:11px; font-weight:normal; color:#777; }
div { cursor:default; }
a { text-decoration:none; }
a:hover { color:white; }
:focus { outline:none; }
h1 { color:white; margin:5px; }
h2 { color:green; margin:0px; }
blockquote { padding:7px; background:#0b0b0b; margin:10px; }
blockquote h1 { margin:0px; }
i, s { color:#eee; letter-spacing:2px; }
b { color:green; }
a img { padding:4px; background:#0b0b0b; border:1px solid #777; }
a:hover img { border:1px solid green; }
#layout_container 
{ position:absolute; left:50%; margin-left:-300px; overflow:visible; }
#layout_nav 
{ padding:5px; border-right:5px solid #121212; float:left; width:150px; }
#layout_nav a
{ display:block; padding:2px 5px; background:#0b0b0b; margin:2px; color:#555; }
#layout_nav a:hover { background:green; color:white; }
#layout_body { width:410px; height:600px; margin-left:170px; overflow:hidden; }
.layout_content
{ width:410px; height:600px; overflow:auto; float:left; margin-bottom:600px; }
.layout_content a { color:#777; }
.layout_content a:hover { color:white; }
textarea {background:#000;border:1px solid #454545;padding:10px;font-family:arial;
font-weight:normal;font-size:12px; color:#454545; width:380px !important;}
input, .button { margin-top:10px;
background:#000;border:1px solid #454545;padding:10px; font-family:arial;
font-weight:normal;font-size:12px;color:#454545;width:400px !important;}
.button:hover {background:#0b0b0b; border:1px solid #777;color:white;}
#login a {font-size:11px;font-family:arial;color:#444;text-transform:none !important;}
#login a:hover { color:green; }
center.footer { color:#222; }
center.footer a { color:#111; }
center.footer a:hover { color:#777;}
</style>