Here are my codes-
Header HTML:
CODE
<style type="text/css">
#nav {display: none !important;}
#stats{display:none !important;}
#splash{display:none !important;}
#logo{display: none !important;}
#bestfriends {display:none!important;}
#aboutme {display:none !important;}
#contactme {display:none!important;}
#links{display:none!important;}
#recententries {display:none!important;}
#favorites {display:none !important;}
#submissions {display:none !important;}
#skills {display:none !important;}
#recentphotos{display:none !important;}
#footer{display:none !important;}
#login {visibility: visible; position: absolute; margin-top:0px; right:0px;}
#comments{visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}
#mikeplyts{position: absolute; left: 50%; margin-left:-350px; margin-top: 10px; width: 700px; height: 512px;}
#commentheader {position: absolute; left: 50%; margin-left:-350px; margin-top: 610px; width: 700px; height: 81px;}
.aboutme {position:absolute; left: 50%; margin-left: -245px; margin-top: 130px; width: 490px; height: 285px; font-family: arial; font-size: 12px; font-color:#000000;}
body {
background-color:#000000;
background-image: url("http://www.mikeplyts.net/images/mpl_cb_lyt-bg_color.png");
}
.comment_body {
font-family: arial;
font-size: 14px;
font-color:#333333;
padding:7px;
}
.innerbox img.image {
filter: alpha(opacity=40);
opacity: .4;
padding:0px;
}
.innerbox img.image:hover {
filter: none;
opacity: 1;
padding:0px;
}
.comment_img {
padding:7px;
}
.col4 {display: none !important;}
.col3 {visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}
.linkbox {font-color:#333333; border-color:#cccccc; background-color:#202020;}
textarea {
width: 640px;
}
input {
width: 650px;
}
.innerbox {
background-color:#202020;
}
.innerbox img.image {
border:0px;
}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: arial; font-size: 12px; color:#333333; text-transform: none; text-decoration: none; }
a:hover { font-family: arial; font-size: 12px; color:#cccccc; text-transform: none; text-decoration: none; cursor: pointer; }
</style>
<style>
a.home {display:block; width:125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home.png"); background-repeat:no-repeat;}
a.home:hover {display:block; width: 125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home_hov.png"); background-repeat:no-repeat;}
a.layouts {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts.png"); background-repeat:no-repeat;}
a.layouts:hover {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts_hov.png"); background-repeat:no-repeat;}
a.graphics {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics.png"); background-repeat:no-repeat;}
a.graphics:hover {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics_hov.png"); background-repeat:no-repeat;}
a.scripts{display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts.png"); background-repeat:no-repeat;}
a.scripts:hover {display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts_hov.png"); background-repeat:no-repeat;}
a.tutorials {display:block; width:201px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials.png"); background-repeat:no-repeat;}
a.tutorials:hover {display:block;width:201px;height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials_hov.png"); background-repeat:no-repeat;}
a.forums {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums.png"); background-repeat:no-repeat;}
a.forums:hover {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums_hov.png"); background-repeat:no-repeat;}
</style>
<style>
a image {border: none; filter: alpha(opacity=50);}
a:hover image {border: none; filter: none;}
.innerbox img.image {
border: none;
}
.image {
border: none;
}
</style>
#nav {display: none !important;}
#stats{display:none !important;}
#splash{display:none !important;}
#logo{display: none !important;}
#bestfriends {display:none!important;}
#aboutme {display:none !important;}
#contactme {display:none!important;}
#links{display:none!important;}
#recententries {display:none!important;}
#favorites {display:none !important;}
#submissions {display:none !important;}
#skills {display:none !important;}
#recentphotos{display:none !important;}
#footer{display:none !important;}
#login {visibility: visible; position: absolute; margin-top:0px; right:0px;}
#comments{visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}
#mikeplyts{position: absolute; left: 50%; margin-left:-350px; margin-top: 10px; width: 700px; height: 512px;}
#commentheader {position: absolute; left: 50%; margin-left:-350px; margin-top: 610px; width: 700px; height: 81px;}
.aboutme {position:absolute; left: 50%; margin-left: -245px; margin-top: 130px; width: 490px; height: 285px; font-family: arial; font-size: 12px; font-color:#000000;}
body {
background-color:#000000;
background-image: url("http://www.mikeplyts.net/images/mpl_cb_lyt-bg_color.png");
}
.comment_body {
font-family: arial;
font-size: 14px;
font-color:#333333;
padding:7px;
}
.innerbox img.image {
filter: alpha(opacity=40);
opacity: .4;
padding:0px;
}
.innerbox img.image:hover {
filter: none;
opacity: 1;
padding:0px;
}
.comment_img {
padding:7px;
}
.col4 {display: none !important;}
.col3 {visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}
.linkbox {font-color:#333333; border-color:#cccccc; background-color:#202020;}
textarea {
width: 640px;
}
input {
width: 650px;
}
.innerbox {
background-color:#202020;
}
.innerbox img.image {
border:0px;
}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: arial; font-size: 12px; color:#333333; text-transform: none; text-decoration: none; }
a:hover { font-family: arial; font-size: 12px; color:#cccccc; text-transform: none; text-decoration: none; cursor: pointer; }
</style>
<style>
a.home {display:block; width:125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home.png"); background-repeat:no-repeat;}
a.home:hover {display:block; width: 125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home_hov.png"); background-repeat:no-repeat;}
a.layouts {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts.png"); background-repeat:no-repeat;}
a.layouts:hover {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts_hov.png"); background-repeat:no-repeat;}
a.graphics {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics.png"); background-repeat:no-repeat;}
a.graphics:hover {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics_hov.png"); background-repeat:no-repeat;}
a.scripts{display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts.png"); background-repeat:no-repeat;}
a.scripts:hover {display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts_hov.png"); background-repeat:no-repeat;}
a.tutorials {display:block; width:201px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials.png"); background-repeat:no-repeat;}
a.tutorials:hover {display:block;width:201px;height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials_hov.png"); background-repeat:no-repeat;}
a.forums {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums.png"); background-repeat:no-repeat;}
a.forums:hover {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums_hov.png"); background-repeat:no-repeat;}
</style>
<style>
a image {border: none; filter: alpha(opacity=50);}
a:hover image {border: none; filter: none;}
.innerbox img.image {
border: none;
}
.image {
border: none;
}
</style>
Footer HTML:
CODE
<div id="mikeplyts">
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-main.png" border="0" usemap="#mikeplytsmyspace">
<map name="mikeplytsmyspace">
<area shape="rect" alt="Mikeplyts:Layouts,HTML/CSS Codes&Help,and Photo Editing/Graphic Design." coords="151,14,682,119" href="http://www.mikeplyts.net/" target="_self">
</map>
</div>
<div id="commentheader">
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-cmnts_header.png" border="0">
</div>
<div class="aboutme">
<img src="http://i299.photobucket.com/albums/mm304/Mikesk8r/cb_aboutme_pic.png" border="0" style="padding: 3px; float:left;"> Hello There. My name is Michael. I hope to someday achieve great goals as well as to learn all the proper skills to become a professional web designer/web master. It may take a while but I'll have a go at it. Besides coding and designing, I also enjoy to play sports especially skateboarding and aggressive inline skating. Also, I'm 13, straight, and living in some of my own, along with several more, creative times. I base my work on creativity and abstraction. I personally think my creativity is very unique and can soon be harnessed into very unique, special, and creative designs. I don't want to keep on ranting about creativity and all so I'll finish up by saying, if you need any help with codes, designs, etc. or just want to request something, feel free to contact me and don't forget to visit my site. (Link Below.) Stay unique. -Michael.<br/><br/>
<center><a href="http://www.myspace.com/mikeplytscaulm4u" target="_blank">Myspace</a> <a href="http://www.mikeplyts.net/" target="_blank">Mikeplyts.net</a> <a href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=676291" target="_self">Message Me</a> <a href="http://mikeplyts.createblog.com/friends/add.php?height=100&width=300&nocache=1228524817" target="_self">Add Me</a> <a href="http://mikeplyts.createblog.com/wink.php?height=100&width=300&nocache=1228524817" target="_self">Wink Me</a></center>
</div>
<div style="position: absolute; left:10%; top: 602px; width:125px; height:42px;">
<a class="home" href="http://www.createblog.com"></a>
</div>
<div style="position: absolute; left:21%; top: 600px; width:169px; height:42px;">
<a class="layouts" href="http://mikeplyts.createblog.com/layouts/"></a>
</div>
<div style="position: absolute; left:35%; top:600px; width:203px; height:42px;">
<a class="graphics" href="http://mikeplyts.createblog.com/graphics/"></a>
</div>
<div style="position: absolute; left:52%; top:600px; width:154px; height:42px;">
<a class="scripts" href="http://mikeplyts.createblog.com/scripts/"></a>
</div>
<div style="position: absolute; left:65%; top:601px; width:201px; height:42px;">
<a class="tutorials" href="http://mikeplyts.createblog.com/tutorials/"></a>
</div>
<div style="position: absolute; left:82%; top:601px; width:164px; height:42px;">
<a class="forums" href="http://www.createblog.com/forums/"></a>
</div>
<div style="position: absolute; left:0px; top:0px;">
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/mff-circle.swf" height="110" width="110" style="width:110px;height:110px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-circle.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=18074309&path=2009/02/05&mycolor=F00707&mycolor2=000000&mycolor3=3D3838&autoplay=true&rand=0&f=4&vol=100&pat=1&grad=true&ow=110&oh=110"/></object><br></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzM4NzQ2MjUxMTAmcHQ9MTIzMzg3NDYyNzEzMiZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWQw
zM1MTlhNDVjYTRlNGNhZDIyNmYxOGM4NWQ5NzAw.gif" />
</div>
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-main.png" border="0" usemap="#mikeplytsmyspace">
<map name="mikeplytsmyspace">
<area shape="rect" alt="Mikeplyts:Layouts,HTML/CSS Codes&Help,and Photo Editing/Graphic Design." coords="151,14,682,119" href="http://www.mikeplyts.net/" target="_self">
</map>
</div>
<div id="commentheader">
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-cmnts_header.png" border="0">
</div>
<div class="aboutme">
<img src="http://i299.photobucket.com/albums/mm304/Mikesk8r/cb_aboutme_pic.png" border="0" style="padding: 3px; float:left;"> Hello There. My name is Michael. I hope to someday achieve great goals as well as to learn all the proper skills to become a professional web designer/web master. It may take a while but I'll have a go at it. Besides coding and designing, I also enjoy to play sports especially skateboarding and aggressive inline skating. Also, I'm 13, straight, and living in some of my own, along with several more, creative times. I base my work on creativity and abstraction. I personally think my creativity is very unique and can soon be harnessed into very unique, special, and creative designs. I don't want to keep on ranting about creativity and all so I'll finish up by saying, if you need any help with codes, designs, etc. or just want to request something, feel free to contact me and don't forget to visit my site. (Link Below.) Stay unique. -Michael.<br/><br/>
<center><a href="http://www.myspace.com/mikeplytscaulm4u" target="_blank">Myspace</a> <a href="http://www.mikeplyts.net/" target="_blank">Mikeplyts.net</a> <a href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=676291" target="_self">Message Me</a> <a href="http://mikeplyts.createblog.com/friends/add.php?height=100&width=300&nocache=1228524817" target="_self">Add Me</a> <a href="http://mikeplyts.createblog.com/wink.php?height=100&width=300&nocache=1228524817" target="_self">Wink Me</a></center>
</div>
<div style="position: absolute; left:10%; top: 602px; width:125px; height:42px;">
<a class="home" href="http://www.createblog.com"></a>
</div>
<div style="position: absolute; left:21%; top: 600px; width:169px; height:42px;">
<a class="layouts" href="http://mikeplyts.createblog.com/layouts/"></a>
</div>
<div style="position: absolute; left:35%; top:600px; width:203px; height:42px;">
<a class="graphics" href="http://mikeplyts.createblog.com/graphics/"></a>
</div>
<div style="position: absolute; left:52%; top:600px; width:154px; height:42px;">
<a class="scripts" href="http://mikeplyts.createblog.com/scripts/"></a>
</div>
<div style="position: absolute; left:65%; top:601px; width:201px; height:42px;">
<a class="tutorials" href="http://mikeplyts.createblog.com/tutorials/"></a>
</div>
<div style="position: absolute; left:82%; top:601px; width:164px; height:42px;">
<a class="forums" href="http://www.createblog.com/forums/"></a>
</div>
<div style="position: absolute; left:0px; top:0px;">
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/mff-circle.swf" height="110" width="110" style="width:110px;height:110px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-circle.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=18074309&path=2009/02/05&mycolor=F00707&mycolor2=000000&mycolor3=3D3838&autoplay=true&rand=0&f=4&vol=100&pat=1&grad=true&ow=110&oh=110"/></object><br></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzM4NzQ2MjUxMTAmcHQ9MTIzMzg3NDYyNzEzMiZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWQw
zM1MTlhNDVjYTRlNGNhZDIyNmYxOGM4NWQ5NzAw.gif" />
</div>