Show - Hidden Shoutmix

<!-- Begin Show Hide Floating - http://dhipo.net.tc/ --> <style type="text/css"> #deelpe{ position:fixed; top:10px; z-index:+1000; } * html #deelpe{position:relative;} .deelpetab{ height:125px; width:40px; float:left; cursor:pointer; background:url('http://i341.photobucket.com/albums/o387/ardhiva/guestbookhq.png') no-repeat; } .deelpecontent{ float:left; border:2px solid #756c63; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#a39c8c; padding:5px; } </style> <script type="text/javascript"> function showHidedeelpe(){ var deelpe = document.getElementById("deelpe"); var w = deelpe.offsetWidth; deelpe.opened ? movedeelpe(0, 40-w) : movedeelpe(40-w, 0); deelpe.opened = !deelpe.opened; } function movedeelpe(x0, xf){ var deelpe = document.getElementById("deelpe"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; deelpe.style.right = x.toString() + "px"; if(x0!=xf){setTimeout(&
quot;movedeelpe("+x+", "+xf+")", 10);} } </script> <div id="deelpe"> <div class="deelpetab" onclick="showHidedeelpe()"> </div> <div class="deelpecontent"> <!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="Your URL Shoutmix" height="300" title="deelpe"></iframe><!-- End ShoutMix --> <br/></div> </div> <script type="text/javascript"> var deelpe = document.getElementById("deelpe"); deelpe.style.right = (40-deelpe.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://dhipo.net.tc/ -->

Your URL Shoutmix = http://www5.shoutmix.com/?your URL