دردشه جانبيه <span style="color: rgb(238, 130, 238);">َ</span>
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index: 1000;">
      <iframe marginheight="0" marginwidth="0" style="overflow: visible; width: 600px;
height: 350px; display: none; float:right;" scrolling="yes" id="chatboxpop" src="/chatbox/index.forum?page=front&" frameborder="0"> </iframe>    
 <div style="margin-top:
10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);
jQuery('#chatboxopen,#chatboxclose').toggle();">
         <br />    
 </div>
          
 <div style="margin-top:
10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);
jQuery('#chatboxopen,#chatboxclose').toggle();">
         <br />    
 </div>
          
 <div style="margin-top:
10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);
jQuery('#chatboxopen,#chatboxclose').toggle();">
         <img id="chatboxopen" src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" /><img style="cursor :pointer;
display:none;" id="chatboxclose" src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" />    
 </div>
</div>