اريد أن اجعل الدردشه بالجانب وتظهر فى كل الصفحات

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

<div style="overflow: visible; position: fixed; bottom: 30px;height: 500px; right: 0px; z-index: 1000;">
                             <iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px;
height: 500px;border:solid 2px ; display: none;border-radius: 10%;border:solid 5px #CCFF00;  float:right;" marginwidth="0" marginheight="0" frameborder="0"> </iframe>                         
   <div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);
jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:
10px; cursor :pointer;  float:left">
                                <img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" /><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor :pointer;
display:none;" />                         
   </div>
</div>