Ayudita de Shida

Código:

<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 0px solid rgb(148, 11, 11); border-left: 0px solid rgb(30, 16, 89); z-index: 10000; -moz-border-radius: 3px 2pt 2pt 2pt; background-color: transparent; position: fixed; bottom: 0pt; right: 0pt; border-color: color;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 8px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 1px;"><span id="chatbox_ret_online" style="color: black);"><center><img src="URL DE LA IMAGEN" border="2" alt="" /></center>
</span><span id="chatbox_ret_offline" style="color: black;"></span></div><iframe scrolling="no" frameborder="3" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 800px; height: 300px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="LINK DE TU FORO/chatbox"></iframe></div>

border-top: 0px // Esto es el borde superior que tiene 0 px de ancho (ni idea por qué si así no se ve, pero bueno, por algo estará)

border-left: 0px // Esto es el borde izquierdo que tiene 0 pixeles de ancho, y de nuevo pues eso. Si quieres puedes comenzar agregándole valores finos, como 4px o hasta 10 px si creer que luego puedes remediarlo.

style="font-size: 8px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 1px; // Esto puedes editarlo, pero no se muy bien qué es lo que se estaría editando. El font-size es el tamaño de letra, que ahí lo tienes en 8, a mi me suena chiquito, por ahí de un 10 para adelante sería mejor. El font-family es el tipo de letra, que puede ser arial, verdana o los que quieras ponerle, eso puedes buscarlo en wikipedia. Con los 'punto y coma' pasas al código que le sigue, es una forma de cerrar, por lo que ten cuidado de no borrarlos. El padding es el margen que habría entre las letras y el cuadro, como el margen de una hoja, aquí tienes sólo 1px que es poquito, pero eso lo regularás tu como creas que te quede mejor.

style="color: black); // Ahí puedes cambiarle el color como gustes, puede ser black, pink o alguno en bbcode como #fafafa (rosa claro) o #491111 (rojo oscuro) o los que gustes. No estoy segura a qué le estarás cambiando color, pero ya luego haz cambios grotescos a ver qué pasa.

Donde dice URL DE LA IMAGEN ahí pon la imagen que quieras que se vea para hacerle click y que el chat se despliegue.

style="width: 800px; height: 300px; // Width es el ancho de la caja del chat, Height es el alto. Puedes modificarlo a gusto. A mi criterio esta cajita estaría un poquito grande, pero eso es a tu gusto.

Y al final pones el LINK DE TU FORO con el /chatbox al lado.

Te dejo el link del tuto [Solamente los administradores pueden ver este vínculo]