Xat retratil

Qual é minha questão:
Antes de falarem que há muitas perguntas sobre esse assunto, digo que não axei nada do que estava procurando. Eu quero um mini tutorial de como colocar um xat retratil da xat.com não uma chatbox, do lado direito e com esses dois botões
ABRIR: https://2img.net/h/oi49.tinypic.com/2lm51yd.png
FECHAR: https://2img.net/h/oi47.tinypic.com/154bqdx.png
quero que o xat retratil fique em todas as paginas do forum sendo no portal,forum,perfil e até mesmo mensagens ... em tudo mesmo tipo deste forum http://brcrpg.forumeiros.com/
obs: não poste links de tutoriais que ensinam a chatbox to estressado ja de axar como colocar chatbox

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

Versão do fórum:
PUNBB

Não entendi,poderia ser mais especifico?

queria um xat daquel xat.com que abra e feche para o lado como o deste site http://brcrpg.forumeiros.com/f4-ideias-bugs e que desse para mudar as imagens padrões para essas:
ABRIR: https://2img.net/h/oi49.tinypic.com/2lm51yd.png
FECHAR: https://2img.net/h/oi47.tinypic.com/154bqdx.png

lembrando que quero o xat do lado direito

Mas você quer aquele xat?ou pode ser xatbox do forumeiros,n tenho certeza.,as acho que consigo fazer igual ao daquele site,mas você escolhe:
xat ou xatbox?

você quer colocar 1 chat da xat.com?

se for primero vc fas o chat pega o link.

vai em visualização>Participação do anuário dos fóruns>

nele vc coloca o nome neh Chat em seguida o nome do seu forum.

aew em conteudo da mensagem vc coloca o link do chat.

isso vc fas pra por o chat agr pra coloca esses botao eu n sei n.

Faz um codigo html pro seu xat e passa aki,dai eu vejo o botão

Código:

<div style="margin:auto;text-align:center;width:100%"><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*PTEzNTc1OTA4NjM2OTkmcHQ9MTM1NzU5MDg2NzM3MiZwPTUzMTUxJmQ9Jmc9MSZvPWM1NzRiMjFmNmFjNDRmZTRhYzRh/NTc*YjcxMjViN2Nl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=187331800&rl=Brazilian" 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=187331800">Go Large!</a></small><br>
</div>
<i><font color="red"><div style="margin:auto;text-align:center;width:100%">


fas para o meu man

Painel Módulos HTML & JAVASCRIPT HTML Crie uma nova página HTML Coloque o código do xat. Não use inicio nem fim da página

Depois, adicione o seguinte código em um dos widgets:

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>')});

Resulta?

Olá,

Como o tópico foi feito pro MegaZone estarei resolvendo a dúvida dele

MegaZone poderia me passar o código do seu xat externo ?

Até

claro aqui está ele

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*PTEzNTg1NDY4ODIxODYmcHQ9MTM1ODU*Njg4OTk5OCZwPTUzMTUxJmQ9Jmc9MSZvPTY*OGZiOGNkOGMzOTQwMTk5YTA5/Zjk2NjY*OWVmMjlk.gif" /><embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=189332942&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />

é como passo 1 dia axo que ta na hora de dar um UP para que não vá para lixeira

Bom,o processo é o mesmo

Painel Módulos HTML & JAVASCRIPT HTML Crie uma nova página HTML Coloque o código do xat. Não use inicio nem fim da página

Depois, adicione o seguinte código em um dos widgets:

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>')});

Resulta?

não! ele fica no lado direito e n abre, problema no seu codigo ?

Outro UP! por favor leiam bem a pergunta antes de responder ! Agradeço

Olá amigo talvez este video possa esclarecer algumas coisas:
https://www.youtube.com/watch?v=9GXjLcALVCM

Ajudei?Então aperte .

Leia a pergunta antes de responder! não pedi isso! obg

UP

Olá autor!

Você já criou o seu xat? www.xat.com

Me envie o link dele.

Melhores cumprimentos.

não precisa mais n! é muito dificil de consegui! obg a todos que tentaram me ajudar