<span style="color: rgb(238, 130, 238);">َ</span>
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index: 1000;">
    <iframe frameborder="0" 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&"> </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>