Xat retratil

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

Resolvido Xat retratil

Mensagem por MegaZone em Sab 19 Jan 2013 - 21:22

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 Sex 25 Jan 2013 - 11:04, 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 Sab 19 Jan 2013 - 21:29

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 Sab 19 Jan 2013 - 22:10

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 Sab 19 Jan 2013 - 23:39

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 Dom 20 Jan 2013 - 0:32

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 Dom 20 Jan 2013 - 1:00

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 Dom 20 Jan 2013 - 1:04

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 Dom 20 Jan 2013 - 1:35

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 Dom 20 Jan 2013 - 5:41

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 : 5370
Pontos Ativos : 6857

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

Resolvido Re: Xat retratil

Mensagem por MegaZone em Dom 20 Jan 2013 - 9:22

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 Ter 22 Jan 2013 - 12:35

é 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 Ter 22 Jan 2013 - 12:47

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 Ter 22 Jan 2013 - 16:29

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


Última edição por MegaZone em Qui 24 Jan 2013 - 21:18, 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 Qui 24 Jan 2013 - 21:16

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 Qui 24 Jan 2013 - 21:24

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 Qui 24 Jan 2013 - 22:27

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 Sex 25 Jan 2013 - 10:39

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 Sex 25 Jan 2013 - 10:56

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 Sex 25 Jan 2013 - 11:04

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


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