intro deal.., help!! Options

[chellibabe124]

okay on some xangas that you go to, you end up having to click on a picture and then you enter the site.. well i want one of those on my site.. can somebody help me!?!

heres my code if anybody can figure if its possible or not

<center><img src="http://img.photobucket.com/albums/v171/chellibabe125/Chell/Hawties/chad.bmp"></center>
<!-- begin code provided by createblog.com -->
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%">
<font face=Webdings size="4">4</font></MARQUEE>
<MARQUEE scrollAmount=1 direction=left width="3%"><font size="4"> | | |</font></MARQUEE>you are hott and sexii</FONT></B><FONT color=#FFFFFF size="4"><MARQUEE scrollAmount=1 direction=right width="3%"> | | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings size="4">3</font></MARQUEE>

<style type="text/css">
/* starry eyed suprise stylesheet by xmaluangelx3*/
/*http://blogring*/
body {
background:black url("http://img78.photobucket.com/albums/v246/br_starryeyedsurprise/starryeyedsurprise.gif");
background-repeat: repeat-x;
background-attachment: fixed;
background-position: -100px left;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
cursor: crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:11px;
color: #999999;
letter-spacing:0px;
text-align:justify;
}
.left B, { font: bold 11px arial; color: "#ffffff"; line-height: 11px;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family: arial;
text-transform: lowercase;
font-size:18px;
font-weight: bold;
line-height: 15px;
letter-spacing: -1px;
color: #ffffff;
text-align: right;
padding: 3px;
width: 500px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #777777;
font:normal 11px arial;
line-height:11px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #777777;
font:normal 11px arial;
line-height:11px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color: #ffffff;
font: 11px arial;
line-height:11px;
text-decoration: none;
cursor: crosshair;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #FFFFFF;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #888888;
}
table.left {
/* this edits the menu module */
border: 1px solid #333333;
width: 160px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #ffffff;
width: 500px;

}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #333333;
font: bold 11px arial;
color: #ffffff;
border: none;
text-align: center;
width: 160px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
border: none;
text-align: center;
border-top: 1px solid #333333;
width: 160px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 1px solid #BBBBBB;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #BBBBBB;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 600px;
}
hr {
/* horizontal divider */
border: 1px solid #ffffff;
}
</style>