Forums > a chatterbox problem

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

matthufham

Aug 30 2004, 04:40 PM

usually i use a c box, but to make this work easier i'll use a flooble chatterbox. i need it in the space in the picture, but my blog is above that, and with the chatterbox DIV codes i've used, it always gets put in the blog, not where i want it. i want the blog and the chatterbox separate, (see xanga for visual)

so is there a code to get it there? or can somebody just point out a problem in my layout that's not letting it work right.

CODE

<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=matthufham&sid=1702077">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=matthufham&sid=1702077&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://perplexus.info/">logic puzzles, brainteasers</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>

/\/\/\/\/\ chatterbox (naked "no divs") code /\/\/\/\/\/\/\

CODE

<style type="text/css">
body {background-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #cccccc;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important; }

div.blogheader, .caption {
font-family: arial;
text-transform:uppercase;
font-size:8pt;
color:#000000;
text-align:right;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
border: 0px solid #000000;
font:normal 8pt arial;
background-color: #ffffff;
color:#000000;}

texttable.left, td.mainleft, table.left, table.navigation, table.search .leftmoduletitlebar, .leftmoduleborder,
.leftmoduleinterior, table.navigation, table.footer {display: none;}

table.blogbody tr td {width:0px; padding: 0px;}

P, B, I, TD, TH {color:#000000;
font-family: arial;
font-weight:normal;
font-size:8pt;
text-align: left;
color:#000000;}

table.blogbody {
font-family: arial;
font-size: 8pt;
color: #000000;
text-align: left;
width:245px;}

a:link{ font-family: arial;color:#6699FF; text-transform:none;font-size:8pt;}
a:active{font-family: arial; color:#FF3333; text-transform:none;font-size:8pt; }
a:visited{font-family: arial; color:#3300CC; text-transform:none;font-size:8pt;}
A:hover {font-family:arial;color:#FFFF00;text-transform: uppercase; font-weight:bold;font-size:8pt}</style>

<body scroll="yes">
<div style="position; static; margin-top: -0px; margin-left: -0px; z-index: 0;">
<img src="http://img.photobucket.com/albums/v292/matthufham/awesomelayout.jpg" border="0"usemap="#Perspective_Map">
<map name="Perspective_Map">
<area shape="rect" alt="blogring" COORDS="54,230,132,248" href="http://www.blogring/index.php?act=home">
<area shape="rect" alt="createblog.com" COORDS="90,250,182,269" href="http://www.createblog.com/">
<area shape="rect" alt="imageshack" COORDS="48,271,125,288" href="http://imageshack.us/index3.php">
<area shape="rect" alt="an awesome game" COORDS="73,289,166,308" href="http://www.mtv.com/onair/pimp_my_ride/game/play/">
<area shape="rect" alt="kellie's xanga" COORDS="107,338,200,361" href="http://www.xanga.com/home.aspx?user=CoUnTrYgOlFeR444">
<area shape="rect" alt="breanna's xanga" COORDS="122,363,202,383" href="http://www.xanga.com/home.aspx?user=kIsS_N_TeLL22">
<area shape="rect" alt="kelsey's xanga" COORDS="127,385,201,405" href="http://www.xanga.com/home.aspx?user=KiSsEs_4_KeLsEy">
<area shape="rect" alt="JOEY!!!!'s xanga" COORDS="112,406,198,429" href="http://www.xanga.com/home.aspx?user=Bunny_baby08">
<area shape="rect" alt="alyssa's xanga" COORDS="310,338,405,361" href="http://www.xanga.com/home.aspx?user=blondecougar89">
<area shape="rect" alt="sydney's xanga" COORDS="327,364,406,384" href="http://www.xanga.com/home.aspx?user=erinsyd">
<area shape="rect" alt="alisha's xanga" COORDS="328,385,406,406" href="http://www.xanga.com/home.aspx?user=blalockfan">
<area shape="rect" alt="stephanie's xanga" COORDS="318,408,398,429" href="http://www.xanga.com/home.aspx?user=prep_4_life">
</map></div>

<div style="position: static; width: 245px; height: 250px; overflow: auto; background-color: transparent; margin-top: -692px; margin-left: 172px; font-family: arial; font-size: 8pt; color: #000000;">

/\/\/\/\/\/\ layout code /\/\/\/\/\

xanga
i think that's enough supporting info to get the job done.

LatinaLady

Aug 30 2004, 04:44 PM

change the number to fit you

QUOTE

<div style="left=0; top=0; position=absolute;">chatterbox</div>

http://www.createblog.com/forums/index.php?showtopic=8633

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.