Botão expansível do xat

4 participantes

Ir para baixo

Tópico resolvido Botão expansível do xat

Mensagem por GuiihCamargo 18.07.12 21:55

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:

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 20:22, editado 2 vez(es)
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por MateusV. 18.07.12 21:59

Olá!

Leia o conteúdo deste tutorial:

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 19.07.12 13:02

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
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por Convidad 19.07.12 14:46

Bom dia!

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

Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 19.07.12 19:55

Shek escreveu:Bom dia!

Leia a minha mensagem neste tópico: https://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.
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por MateusV. 19.07.12 21:58

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 19.07.12 22:11

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: https://2img.net/h/oi50.tinypic.com/mh9fo9.png
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por MateusV. 19.07.12 22:17

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 19.07.12 22:49

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
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por MateusV. 19.07.12 22:54

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 19.07.12 22:56

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: https://i.imgur.com/kl7DU.png
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por A Fofa ♔ 20.07.12 11:44

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
A Fofa ♔
A Fofa ♔
***

Membro desde : 05/04/2012
Mensagens : 153
Pontos : 217

http://galaxydesign.forumeiros.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por Convidad 20.07.12 14:07

GuiihCamargo escreveu:
Shek escreveu:Bom dia!

Leia a minha mensagem neste tópico: https://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="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>')});
No lugar de /ENDEREÇO_DA_PAGINA_HTML, você vai colocar o número da página HTML. Por exemplo: https://ajuda.forumeiros.com/h20-
Basta em Investimento, marcar em Todas as páginas. Muito feliz
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 20.07.12 18:55

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

Leia a minha mensagem neste tópico: https://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="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>')});
No lugar de /ENDEREÇO_DA_PAGINA_HTML, você vai colocar o número da página HTML. Por exemplo: https://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
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por BrunoH. 20.07.12 19:06

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: https://ajuda.forumeiros.com/t61905-chat-na-lateral-do-forum
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por GuiihCamargo 20.07.12 19:48

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: https://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 20:22, editado 1 vez(es)
GuiihCamargo
GuiihCamargo
*

Membro desde : 30/06/2012
Mensagens : 46
Pontos : 86

http://www.brcrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão expansível do xat

Mensagem por BrunoH. 20.07.12 19:55

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos