Modelo chatbox

[isaacduarte]

Qual é minha questão:
Boa noite galera, após entrar em um forum eu estou tentando copiar a ideia e estou com problemas nos codigos.

Eu quero colocar um CHAT RETRÁTIL igual ao do http://bcvgames.forumbrasil.net/

Bom seguindo os passo a passos já consegui incorpora a barra lateral, agora falta apenas colocar o XAT que possuo no lugar do chat tradicional do Forumeiros, quem pode me ajudar?

O CODIGO ORIGINAL que usei é:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" 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="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Preciso colocar o Este XAT externo para funcionar na barra lateral.

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjQ1OTM4ODU2NzEmcHQ9MTMyNDU5Mzg5NzkzNyZwPTUzMTUxJmQ9Jmc9MiZvPTZkZTQ3ODdjYzljNDQxNGZhN2Ex/ODVlOTBmMDQ5ZjU2Jm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=162943820" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=162943820">Go Large!</a></small><br>

Quem pode me ajudar?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://clagrifos.forumeiros.com

Versão do meu fórum:
PHPBB2

[iGoogle~]

Painel de Controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos HTML

Clique em "Criar um novo HTML".
Título: Escolha um título qualquer.
Código:

Código:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjQ1OTM4ODU2NzEmcHQ9MTMyNDU5Mzg5NzkzNyZwPTUzMTUxJmQ9Jmc9MiZvPTZkZTQ3ODdjYzljNDQxNGZhN2Ex/ODVlOTBmMDQ5ZjU2Jm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=162943820" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=162943820">Go Large!</a></small><br>


Obs: Antes de ir pro proximo passo, veja o URL que você criou da página HTML e copie.

Logo em seguida vá em:
Painel de Controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos JavaScript

Clique em "Criar um novo Código JavaScript"

Título: Escolha um título qualquer.
Investimento: Coloque onde você quiser (Preferência "No Indice")
Código:
Você ira adicionar este código:

Código:

jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 450px; left: 0px; z-index:1000;"><iframe src="URL_DA_PAGINA_HTML" id="chatboxpop" scrolling="yes" style="height: 360px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:600px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:right"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>')});


Em URL DA PAGINA HTML, você ira adicionar o URL da página HTML que você tinha criado anteriormente, a do código HTML do xat.

e Salve!