Xat retratil

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Xat retratil

Mensagem por MegaZone em 20/01/13, 12:22 am

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: http://i49.tinypic.com/2lm51yd.png
FECHAR: http://i47.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


Última edição por MegaZone em 25/01/13, 02:04 pm, editado 1 vez(es)
avatar

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por ppedro19 em 20/01/13, 12:29 am

Não entendi,poderia ser mais especifico?
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Xat retratil

Mensagem por MegaZone em 20/01/13, 01:10 am

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: http://i49.tinypic.com/2lm51yd.png
FECHAR: http://i47.tinypic.com/154bqdx.png

lembrando que quero o xat do lado direito
avatar

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por ppedro19 em 20/01/13, 02:39 am

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?
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Xat retratil

Mensagem por gustavods em 20/01/13, 03:32 am

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.
avatar

gustavods
Nível 8

Masculino
Inscrito dia : 07/01/2013
Mensagens : 109
Pontos Ativos : 219

Ver perfil do usuário http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Resolvido Re: Xat retratil

Mensagem por ppedro19 em 20/01/13, 04:00 am

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

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Xat retratil

Mensagem por gustavods em 20/01/13, 04:04 am

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
avatar

gustavods
Nível 8

Masculino
Inscrito dia : 07/01/2013
Mensagens : 109
Pontos Ativos : 219

Ver perfil do usuário http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Resolvido Re: Xat retratil

Mensagem por ppedro19 em 20/01/13, 04:35 am

Painel Seta Módulos :seta2: HTML & JAVASCRIPT Seta HTML :seta2: Crie uma nova página HTML :seta2: 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?
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Xat retratil

Mensagem por iPrompt em 20/01/13, 08:41 am

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por MegaZone em 20/01/13, 12:22 pm

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" />
avatar

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por MegaZone em 22/01/13, 03:35 pm

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

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por ppedro19 em 22/01/13, 03:47 pm

Bom,o processo é o mesmo

Painel Seta Módulos :seta2: HTML & JAVASCRIPT Seta HTML :seta2: Crie uma nova página HTML :seta2: 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?
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Xat retratil

Mensagem por MegaZone em 22/01/13, 07:29 pm

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


Última edição por MegaZone em 25/01/13, 12:18 am, editado 2 vez(es)
avatar

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por MegaZone em 25/01/13, 12:16 am

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

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por -Ruiva em 25/01/13, 12:24 am

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

Ajudei?Então aperte Obrigado .
avatar

-Ruiva
Nível 7

Feminino
Inscrito dia : 21/01/2013
Mensagens : 80
Pontos Ativos : 110

Ver perfil do usuário http://garotapopular.forumeiros.com

Resolvido Re: Xat retratil

Mensagem por MegaZone em 25/01/13, 01:27 am

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

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por MegaZone em 25/01/13, 01:39 pm

UP
avatar

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Resolvido Re: Xat retratil

Mensagem por Consolado em 25/01/13, 01:56 pm

Olá autor!

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

Me envie o link dele.

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Xat retratil

Mensagem por MegaZone em 25/01/13, 02:04 pm

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

MegaZone
Nível 7

Masculino
Inscrito dia : 17/01/2013
Mensagens : 90
Pontos Ativos : 178

Ver perfil do usuário http://editortheme-br.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum