homeskoolwinner
03-26-2005, 03:29 AM
Hello! I just made this new layout for my blog,
Homeschool_Winner's Xanga (http://www.xanga.com/homeschool_winner)
I am trying to add a Chatterbox in the box on the right...you can see in my blog where I'm talking about...
I have spent all day trying to make this work. Please help me out.
Here is my chatterbox code:
<!-- Flooble chatterbox for homeschoolwinner55 start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=homeschoolwinner55&sid=2758303">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=homeschoolwinner55&sid=2758303&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','too lbar=no,location=no,directories=no,status=no,menub ar=no,scrollbars=yes,resizable=no,copyhistory=no,w idth=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://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</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>
<!-- Flooble chatterbox for homeschoolwinner55 end -->
Here is my layout code:
<head>
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
</head>
<body style="background-color: #000000">
<script LANGUAGE="JavaScript">
<!-- Original: Michael Paulick (midapa@yahoo.com) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- from xanga.com/html_scripts-->
<!-- Begin
var x, y, xold, yold, xdiff, ydiff;
var dir = Array();
dir[0] = "n-resize";
dir[1]="ne-resize";
dir[2]="e-resize";
dir[3]="se-resize";
dir[4] = "s-resize";
dir[5]="sw-resize";
dir[6]="w-resize";
dir[7]="nw-resize";
document.onmousemove = FindXY;
function display(direction) {
document.body.style.cursor = dir[direction];
}
function FindXY(loc) {
x = (document.layers) ? loc.pageX : event.clientX;
y = (document.layers) ? loc.pageY : event.clientY;
xdiff = x - xold;
ydiff = y - yold
if ((xdiff < 2) && (ydiff < -2)) display(0);
if ((xdiff < 2) && (ydiff > 2)) display(4);
if ((xdiff > 2) && (ydiff < 2)) display(2);
if ((xdiff < -2) && (ydiff < 2)) display(6);
if ((xdiff > 2) && (ydiff > 2)) display(3);
if ((xdiff > 2) && (ydiff < -2)) display(1);
if ((xdiff < -2) && (ydiff > 2)) display(5);
if ((xdiff < -2) && (ydiff < -2)) display(7);
xold = x;
yold = y;
}
// End -->
</script>
<img src="http://img99.exs.cx/img99/1933/bssong5rw.jpg" width=885 height=1500 border=0 usemap="#bssong5rw.jpg" align="center">
<map name="bssong5rw.jpg">
<area shape="rect" coords="197, 625, 243, 643"
href="http://www.xanga.com/claf/">
<area shape="rect" coords="259, 628, 326, 644"
href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Homeschool_Winner">
<area shape="rect" coords="29, 626, 93, 645"
href="http://www.xanga.com/">
<area shape="rect" coords="106, 626, 181, 643"
href="http://www.xanga.com/private/">
<area shape="rect" coords="776, 626, 848, 644"
href="http://www.xanga.com/logout.aspx/">
<area shape="rect" coords="346, 625, 440, 643"
href="http://www.xanga.com/private/subscriptions.aspx">
<area shape="rect" coords="567, 627, 669, 644"
href="http://www.xanga.com/guestbook.aspx?user=Homeschool_Winner">
<area shape="rect" coords="685, 627, 761, 642"
href="http://www.xanga.com/profile.aspx?user=Homeschool_Winner">
<area shape="rect" coords="39, 682, 52, 698" onClick = "PlaySong('http://zappa.tvu.ac.uk/03KimA/Audio/07%20Say%20It%20Ain't%20So.mp3')" onMouseover="window.status='Arist - Song Title'" alt="Artist - Song Title">
<area shape="rect" coords="1, 2, 3, 4" onClick = "PlaySong('#')" onMouseover="window.status='Mute Song'" alt="Mute Song">
<area href="http://www.xanga.com/private/feedback.aspx?" shape="rect" coords="455, 626, 550, 644">
</map>
<div align="left">
<DIV style="position:satic;
margin-top: -745 px;
margin-left: 17%;
width: 405;
OVERFLOW: auto;FILTER: chroma(color=#FFCDCE) allowTransparency;
height:350;
BACKGROUND-COLOR: transparent">
<style type="text/css">
/* Panda v.Red Stylesheet */
/* by Ginny (xanga.com/^^^yspinningsprees) */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;}
body {
background-color: #000000;
scrollbar-arrow-color: #795E40;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px arial;
line-height:10px;
color: #DBD1BA;
letter-spacing:0px;
text-align:left;
}
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: Ariel;
font-size:15px;
line-height:20px;
color:#795E40;
letter-spacing:0px;
background-color: transparent;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#795E40;
text-decoration: none;
}
a:visited, a.footernav:visited {
/* edits the links that the user has visited */
color:#795E40;
text-decoration: line-through;
}
a:hover {
filter: flipV;
height: 2;
color:795E40;
cursor: cross;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px;
background-color: transparent;
width:370px;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #795E40;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 370px;
}
hr {
/* horizontal divider */
border: 2px solid #795E40;
}
</style>
Please please please, help me, help me, help me...get this to work...;)
Homeschool_Winner's Xanga (http://www.xanga.com/homeschool_winner)
I am trying to add a Chatterbox in the box on the right...you can see in my blog where I'm talking about...
I have spent all day trying to make this work. Please help me out.
Here is my chatterbox code:
<!-- Flooble chatterbox for homeschoolwinner55 start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=homeschoolwinner55&sid=2758303">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=homeschoolwinner55&sid=2758303&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','too lbar=no,location=no,directories=no,status=no,menub ar=no,scrollbars=yes,resizable=no,copyhistory=no,w idth=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://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</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>
<!-- Flooble chatterbox for homeschoolwinner55 end -->
Here is my layout code:
<head>
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
</head>
<body style="background-color: #000000">
<script LANGUAGE="JavaScript">
<!-- Original: Michael Paulick (midapa@yahoo.com) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- from xanga.com/html_scripts-->
<!-- Begin
var x, y, xold, yold, xdiff, ydiff;
var dir = Array();
dir[0] = "n-resize";
dir[1]="ne-resize";
dir[2]="e-resize";
dir[3]="se-resize";
dir[4] = "s-resize";
dir[5]="sw-resize";
dir[6]="w-resize";
dir[7]="nw-resize";
document.onmousemove = FindXY;
function display(direction) {
document.body.style.cursor = dir[direction];
}
function FindXY(loc) {
x = (document.layers) ? loc.pageX : event.clientX;
y = (document.layers) ? loc.pageY : event.clientY;
xdiff = x - xold;
ydiff = y - yold
if ((xdiff < 2) && (ydiff < -2)) display(0);
if ((xdiff < 2) && (ydiff > 2)) display(4);
if ((xdiff > 2) && (ydiff < 2)) display(2);
if ((xdiff < -2) && (ydiff < 2)) display(6);
if ((xdiff > 2) && (ydiff > 2)) display(3);
if ((xdiff > 2) && (ydiff < -2)) display(1);
if ((xdiff < -2) && (ydiff > 2)) display(5);
if ((xdiff < -2) && (ydiff < -2)) display(7);
xold = x;
yold = y;
}
// End -->
</script>
<img src="http://img99.exs.cx/img99/1933/bssong5rw.jpg" width=885 height=1500 border=0 usemap="#bssong5rw.jpg" align="center">
<map name="bssong5rw.jpg">
<area shape="rect" coords="197, 625, 243, 643"
href="http://www.xanga.com/claf/">
<area shape="rect" coords="259, 628, 326, 644"
href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Homeschool_Winner">
<area shape="rect" coords="29, 626, 93, 645"
href="http://www.xanga.com/">
<area shape="rect" coords="106, 626, 181, 643"
href="http://www.xanga.com/private/">
<area shape="rect" coords="776, 626, 848, 644"
href="http://www.xanga.com/logout.aspx/">
<area shape="rect" coords="346, 625, 440, 643"
href="http://www.xanga.com/private/subscriptions.aspx">
<area shape="rect" coords="567, 627, 669, 644"
href="http://www.xanga.com/guestbook.aspx?user=Homeschool_Winner">
<area shape="rect" coords="685, 627, 761, 642"
href="http://www.xanga.com/profile.aspx?user=Homeschool_Winner">
<area shape="rect" coords="39, 682, 52, 698" onClick = "PlaySong('http://zappa.tvu.ac.uk/03KimA/Audio/07%20Say%20It%20Ain't%20So.mp3')" onMouseover="window.status='Arist - Song Title'" alt="Artist - Song Title">
<area shape="rect" coords="1, 2, 3, 4" onClick = "PlaySong('#')" onMouseover="window.status='Mute Song'" alt="Mute Song">
<area href="http://www.xanga.com/private/feedback.aspx?" shape="rect" coords="455, 626, 550, 644">
</map>
<div align="left">
<DIV style="position:satic;
margin-top: -745 px;
margin-left: 17%;
width: 405;
OVERFLOW: auto;FILTER: chroma(color=#FFCDCE) allowTransparency;
height:350;
BACKGROUND-COLOR: transparent">
<style type="text/css">
/* Panda v.Red Stylesheet */
/* by Ginny (xanga.com/^^^yspinningsprees) */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;}
body {
background-color: #000000;
scrollbar-arrow-color: #795E40;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px arial;
line-height:10px;
color: #DBD1BA;
letter-spacing:0px;
text-align:left;
}
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: Ariel;
font-size:15px;
line-height:20px;
color:#795E40;
letter-spacing:0px;
background-color: transparent;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#795E40;
text-decoration: none;
}
a:visited, a.footernav:visited {
/* edits the links that the user has visited */
color:#795E40;
text-decoration: line-through;
}
a:hover {
filter: flipV;
height: 2;
color:795E40;
cursor: cross;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px;
background-color: transparent;
width:370px;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #795E40;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 370px;
}
hr {
/* horizontal divider */
border: 2px solid #795E40;
}
</style>
Please please please, help me, help me, help me...get this to work...;)