CHAT BOX

<!-- Begin Show Hide Floating - http://black-white.cx.cc--> <style type="text/css"> #FX{ position:fixed; top:50px; z-index:+1000; } * html #FX{position:relative;} .FXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggq0VNg2CYLsZ-US-kbvDw-ZMvr-fMOsBUD_g3rLFdrbZMySHqcUcGx50kZvWOkq2Jg0__JpR4hea0xLJl9zgBo-Do9HZMZB7AjdJLoDTfeq2dXY7qwiC5UN6LEo-Xi08FIfUXDCeXpR8/s104/smiley2.png') no-repeat; } .FXcontent{ float:right; border:2px solid #d9e3ff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
background:#000000; padding:10px; } </style> <script
type="text/javascript"> function showHideFX(){ var FX = document.getElementById("FX"); var w = FX.offsetWidth; FX.opened ? moveFX(0, 40-w) : moveFX(40-w, 0); FX.opened = !FX.opened; } function moveFX(x0, xf){ var FX = document.getElementById("FX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; FX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveFX("+x+", "+xf+")", 10);} } </script> <div id="FX"><div class="FXtab" onclick="showHideFX()"></div><div class="FXcontent"><!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="htt://black-white.cx.cc" src="http://www.shoutmix.com/?chatroom12" width="220" height="440" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?chatroom12">View shoutbox</a></iframe><br /><br /><!-- End ShoutMix --> <div style="text-align:right"><a href="javascript:showHideFX()"> [close] </a> </div></div></div><script type="text/javascript"> var FX = document.getElementById("FX"); FX.style.right = (40-FX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://black-white.cx.cc -->