Botão expansível do xat

Item: Botão expansível do xat
Rating: 1

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

por MateusV. 18.07.12 21:59

Olá!

Leia o conteúdo deste tutorial:

https://ajuda.forumeiros.com/t57261-

Abraços.

por GuiihCamargo 19.07.12 13:02

MateusV. escreveu:Olá!

Leia o conteúdo deste tutorial:
https://ajuda.forumeiros.com/t57261-

Abraços.

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

por Convidad 19.07.12 14:46

Bom dia!

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

Atenciosamente,
Shek

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.

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.

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.

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

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

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.

www.brcrpg.forumeiros.com

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.

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

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

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

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.

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

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

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/

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.

Botão expansível do xat

Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat

Re: Botão expansível do xat