Botão expansível do xat

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

Resolvido Botão expansível do xat

Mensagem por GuiihCamargo em 18/07/12, 05:55 pm

Qual é minha questão:
Galera eu queria que ficasse o botão de xat na lateral esquerda do meu fórum bem no centro igual este: IMAGEM
E que quando alguem clicasse expandise o xat
Mais o botão que eu queria mesmo é este aqui
e o xat que irá expandir é este:
Spoiler:
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=177053767&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"></a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=177053767"></a></small><br></center>

Muito Obrigado , se a área não for está por favor , mova meu tópico, obrigado!

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

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

Versão do meu fórum:
Phpbb3


Última edição por GuiihCamargo em 20/07/12, 04:22 pm, editado 2 vez(es)
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por MateusV. em 18/07/12, 05:59 pm

Olá!

Leia o conteúdo deste tutorial:

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 19/07/12, 09:02 am

@MateusV. escreveu:Olá!

Leia o conteúdo deste tutorial:

Abraços. Piscada

Olá amigo, olha eu não queria colocar o Chat Box Retrátil , eu queria colocar um xat box retrátil do seguinte site: www.xat.com e ao invez de a imagem ficar no lado direito ficar no lado esquero da tela.

Endereço do Xat: http://xat.com/xat177053767
ID do xat: 177053767

Obrigado Feliz
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por Convidad em 19/07/12, 10:46 am

Bom dia!

Leia a minha mensagem neste tópico: http://ajuda.forumeiros.com/t60229-#411542

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 19/07/12, 03:55 pm

@Shek escreveu:Bom dia!

Leia a minha mensagem neste tópico: http://ajuda.forumeiros.com/t60229-#411542

Atenciosamente,
Shek

Olá Shek , mais ainda não consegui intender, desculpe-me, mais poderia me mandar o códio com meu xat?
Desculpe pedir que nem um filho de cego , rsrsrs , mais não consegui entender o código de sua menssagem.
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por MateusV. em 19/07/12, 05:58 pm

Olá!

Tente utilizar 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: 350px; right: 0px; z-index:1000;"><iframe src="http://xat.com/xat177053767" 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="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><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>')});

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 19/07/12, 06:11 pm

@MateusV. escreveu:Olá!

Tente utilizar 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: 350px; right: 0px; z-index:1000;"><iframe src="http://xat.com/xat177053767" 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="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><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>')});

Abraços. Piscada

Olá MateusV. , quando clico na imagem "OPEN" , o xat abre em uma página gigante, não teria como diminuí-lá? Obrigado.

Imagem para ver como quero: http://i50.tinypic.com/mh9fo9.png
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por MateusV. em 19/07/12, 06:17 pm

Olá!

Numa página gigante? Poderia me fornecer o link do fórum que adicionou o código para que eu possa ver o erro?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 19/07/12, 06:49 pm

@MateusV. escreveu:Olá!

Numa página gigante? Poderia me fornecer o link do fórum que adicionou o código para que eu possa ver o erro?

Abraços. Piscada

www.brcrpg.forumeiros.com
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por MateusV. em 19/07/12, 06:54 pm

Olá!

Substitua o código por este:
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: 350px; right: 0px; z-index:1000;"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=177053767&gn=" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" id="chatboxpop" /><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><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>')});

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 19/07/12, 06:56 pm

Agora ocorreu um bug, ele ficou aberto ,e não quer abrir ou fechar, olhe novamente lá no fórum, e amigo queria o botão de abrir o xat do outro lado , poderia fazer isto? Obrigado

Se puder trocar a imagem de abrir/fechar por esta: http://i.imgur.com/kl7DU.png
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por A Fofa ♔ em 20/07/12, 07:44 am

Olá!

É só trocar o link da imagem que o MateusV. deu, fica assim:

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: 350px;
 right: 0px; z-index:1000;"><embed
src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high"
bgcolor="#000000" width="540" height="405" name="chat"
FlashVars="id=177053767&gn=" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://xat.com/update_flash.shtml" id="chatboxpop"
/><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer;
float:left"><img
src="[url=http://i.imgur.com/kl7DU.png]http://i.imgur.com/kl7DU.png[/url]"
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>')});
Piscada
avatar

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

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

Resolvido Re: Botão expansível do xat

Mensagem por Convidad em 20/07/12, 10:07 am

@GuiihCamargo escreveu:
@Shek escreveu:Bom dia!

Leia a minha mensagem neste tópico: http://ajuda.forumeiros.com/t60229-#411542

Atenciosamente,
Shek

Olá Shek , mais ainda não consegui intender, desculpe-me, mais poderia me mandar o códio com meu xat?
Desculpe pedir que nem um filho de cego , rsrsrs , mais não consegui entender o código de sua menssagem.
Bom dia!

Que isso amigo, não há problema! O que vamos precisar fazer? Vamos criar uma página HTML. Em Painel de controle > Módulos > HTML e Javascript > Gestão das páginas HTML > Criar uma página HTML > aqui, vamos somente colar o código do seu chat:
Código:
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=177053767&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"></a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=177053767"></a></small><br></center>
Quando salvar, ele vai gerar um ID, ou seja, o número da página. Marque na mente esse código, e vamos em Painel de controle > Módulos > HTML e Javascript > Gestão das páginas Javascript > Criar um novo javascript > e vamos adicionar o seguinte 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: 350px; right: 0px; z-index:1000;"><iframe src="/ENDEREÇO_DA_PAGINA_HTML" 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="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><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>')});
No lugar de /ENDEREÇO_DA_PAGINA_HTML, você vai colocar o número da página HTML. Por exemplo: http://ajuda.forumeiros.com/h20-
Basta em Investimento, marcar em Todas as páginas. Muito feliz

Convidad
Convidado


Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 20/07/12, 02:55 pm

@Shek escreveu:
@GuiihCamargo escreveu:
@Shek escreveu:Bom dia!

Leia a minha mensagem neste tópico: http://ajuda.forumeiros.com/t60229-#411542

Atenciosamente,
Shek

Olá Shek , mais ainda não consegui intender, desculpe-me, mais poderia me mandar o códio com meu xat?
Desculpe pedir que nem um filho de cego , rsrsrs , mais não consegui entender o código de sua menssagem.
Bom dia!

Que isso amigo, não há problema! O que vamos precisar fazer? Vamos criar uma página HTML. Em Painel de controle > Módulos > HTML e Javascript > Gestão das páginas HTML > Criar uma página HTML > aqui, vamos somente colar o código do seu chat:
Código:
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=177053767&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"></a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=177053767"></a></small><br></center>
Quando salvar, ele vai gerar um ID, ou seja, o número da página. Marque na mente esse código, e vamos em Painel de controle > Módulos > HTML e Javascript > Gestão das páginas Javascript > Criar um novo javascript > e vamos adicionar o seguinte 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: 350px; right: 0px; z-index:1000;"><iframe src="/ENDEREÇO_DA_PAGINA_HTML" 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="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><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>')});
No lugar de /ENDEREÇO_DA_PAGINA_HTML, você vai colocar o número da página HTML. Por exemplo: http://ajuda.forumeiros.com/h20-
Basta em Investimento, marcar em Todas as páginas. Muito feliz


Olá, olhe lá no meu fórum: www.brcrpg.forumeiros.com e dá uma olhada de como fica
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por BrunoH. em 20/07/12, 03:06 pm

Boa Tarde Jovem, você esta colocando no JS o link da pagina de seu Chat, você deve colocar o Link da pagina do xat que você instalou no HTML de seu fórum, lê-a isso que você entendera melhor: http://ajuda.forumeiros.com/t61905-chat-na-lateral-do-forum
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo em 20/07/12, 03:48 pm

Bruno_. escreveu:Boa Tarde Jovem, você esta colocando no JS o link da pagina de seu Chat, você deve colocar o Link da pagina do xat que você instalou no HTML de seu fórum, lê-a isso que você entendera melhor: http://ajuda.forumeiros.com/t61905-chat-na-lateral-do-forum

Ainda não consegui entender, você poderia fazer isto pra mim e me mandar o link? Obrigado.


@EDIT

CONSEGUIIIIIIII o/


Última edição por GuiihCamargo em 20/07/12, 04:22 pm, editado 1 vez(es)
avatar

GuiihCamargo
Nível 5

Masculino
Inscrito dia : 29/06/2012
Mensagens : 46
Pontos Ativos : 86

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

Resolvido Re: Botão expansível do xat

Mensagem por BrunoH. em 20/07/12, 03:55 pm

Boa Tarde GuiihCamargo,
Você sabe o Codigo HTML de seu xat? aquele que quando você cria um xat, ele vem para você colocar na sua pagina e tal.. você vai fazer o seguinte vá:
Painel de Controle > Modulos > HTML & JAVASCRIPT > Gestão das páginas HTML
Clique em criar uma nova pagina HTML.
Coloque o Titulo a escolha.
e em "Código HTML * :" coloque o Codigo de seu xat.
Depois de sua pagina HTML criada vá novamente em:
Painel de Controle > Modulos > HTML & JAVASCRIPT > Gestão das páginas HTML
Veja o Titulo que o Senhor colocou na pagina, e do lado do titulo tem tipo um icone de ver, se passa o mouse por cima ira aparecer: "Ver" clique lah e me envie o Link daquela pagina..

Atenciosamente,
Bruno.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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