كود وضع علبة الدردشة بشكل جميل

 //Inicio variables a editar por el usuariovar imagen_chatbox_desplegable="http://i45.servimg.com/u/f45/17/45/19/77/chat10.png";varposicion_chatbox_desplegable ="derecha"; //Admite también 'izquierda'//Fin variables a editar por el usuario document.write("<div id=\"chatbox_ret_cont\" class=\"chatbox_" +posicion_chatbox_desplegable +"\">");document.write("    <div onclick=\"(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); jQuery('#chatbox_ret').toggle('normal');\">");document.write("        <span id=\"chatbox_ret_online\">");document.write("            <img title=\"Abrir o cerrar el Chat\" src=\"" +imagen_chatbox_desplegable +"\">");document.write("        <\/span>");document.write("        <span id=\"chatbox_ret_offline\"><\/span>");document.write("    <\/div>");document.write("    <iframe src=\"\/chatbox\" id=\"chatbox_ret\" name=\"chatbox_ret\" ");document.write("     scrolling=\"no\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"1px\"");document.write("     onload=\"if(cb_new){cb_start();cb_new=0;}\">");document.write("    <\/iframe>");document.write("<\/div>");

 #chatbox_ret_cont{   z-index: 10000;   background-color:transparent;   position: fixed;   bottom: 0;}#chatbox_ret_cont.chatbox_derecha{   right: 0;}#chatbox_ret_cont.chatbox_izquierda{   left: 0;}#chatbox_ret_cont div{   cursor: pointer;}#chatbox_ret_cont iframe#chatbox_ret{   background-color: white;   border: 2px solid grey;   display: none;   height: 450px;   margin-bottom: 0;   width: 900px;}