Editting Codes to Suppor tChatterbox, anyone know noe how to? Options

[lilaznangel4u]

hey does anyone know how to edit codes to support a chatterbox cuz ive seems some nice ones but... I CANT GET THEM TO SUPPORT CHATTER BOX ITS NOT FAIR! so does anyone know how to...please help!

[lilaznangel4u]

here is the code but mainly i want to do it to all scripts but this is the one i want

[<!-- begin code provided by createblog.com -->
<style type="text/css">
/* You Gave Me Your Wings by stylesheet */
/* by rivendell for xLooking_Glassx@xanga.com */
/* http://CreateBlog.Net */
body {
background-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:ffffff;
letter-spacing:0px;
text-align:justify;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: left;
}

div.blogheader, .caption {
/* edits the dates */
background:url(http://);
font-family:Script MT Bold;
text-transform:lowercase;
font-size:20px;
line-height:16px;
font-weight:normal;
color:#ffffff;
letter-spacing:2px;
text-align: right;
padding-left:3px;
padding-top:3px;
padding-right:3px
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#808080;
font:normal 11px arial;line-height:10px;
text-decoration: none;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#D1D1D1;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#FFFFFF;
font:italic 11px arial;
line-height:10px;
cursor:ne-resize;
text-decoration: italic;
}

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;
}

table.left {
/* this edits the menu module */
border: 1px solid #FFFFFF;
width:200px;
background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid #;
background-color: #;
width: 100%;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http:);
background-color: #000;
font: bold 11px arial;
text-transform: lowercase;
color: #000;
border: 1px solid #000;
border-width: 0px 0px 1px 0px;

}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url (http://url.com/to/the/site/image.gif);
background-color: #000;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 1px solid #FFFFFF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #000000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 100%;
}
hr {
/* horizontal divider */
border: 1px solid #FFFFFF;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: right;
padding-bottom: 7px;
}

b, strong {font: 11px/11px arial; color: #98C3A5; font-weight:bold;}

td.maincenter, {width: 100%; }

</style>

<style type="text/css">
/*
Footer Remover - xanga.com/add_ons
*/
table.footer, table.footernav {display: none;};
</style>

<style type=text/css>
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}
</style>


<!-- begin code provided by createblog.com -->
<IMG SRC="http://img55.photobucket.com/albums/v169/by_rivendell/wings2.jpg" USEMAP="#wings.jpg" WIDTH=800 HEIGHT=380 BORDER=0>
<MAP NAME="wings.jpg">
<AREA SHAPE=RECT COORDS="35,33,2,39" HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE=RECT COORDS="57,44,2,50" HREF="http://xanga.com/profile.asp?user=YOURNAMEHERE" TARGET="_self">
<AREA SHAPE=RECT COORDS="36,55,2,61" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURNAMEHERE" TARGET="_blank">
<AREA SHAPE=RECT COORDS="55,65,2,71" HREF="http://www.xanga.com/private/subscriptions.aspx" TARGET="_self">
<AREA SHAPE=RECT COORDS="58,76,2,82" HREF="http://www.xanga.com/CLAF/default.asp" TARGET="_self">
<AREA SHAPE=RECT COORDS="46,87,2,93" HREF="http://www.xanga.com/private/feedback.asp" TARGET="_self">
<AREA SHAPE=RECT COORDS="53,98,2,104" HREF="http://www.xanga.com/guestbook.asp?user=YOURNAMEHERE" TARGET="_blank">
<AREA SHAPE=RECT COORDS="17,108,2,114" HREF="aim:goim?screenname=YOURNAMEHERE&message=Hey!">
<AREA SHAPE=RECT COORDS="45,119,2,125" HREF="http://xanga.com/logout.asp" TARGET="_self">
</MAP>




<div id="content" style="margin-top: -351px; margin-lefT: 438px; width: 380px; height:312px;

margin-right: 100px; margin-bottom: 190px; overflow: auto; filter: none;">

</script>
<!-- end code provided by createblog.com -->]