Gerir função ChatBox retrátil

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

Resolvido Gerir função ChatBox retrátil

Mensagem por RuitherR em 13/06/14, 06:19 pm

  • Descrição:
Olá, eu queria saber como posso fazer isto em meu fórum. Abrir e fechar o xat pelo ícone ao lado.

Imagens

Xat aberto: http://i39.servimg.com/u/f39/18/65/52/93/xat10.jpg
Xat fechado: http://i39.servimg.com/u/f39/18/65/52/93/xatf10.png

OBS.: Peguei de um site. Veja clicando aqui...

  • Informações:
Fórum:http://tbwrpg.sampforum.net/Versão:PHPBB3
Tipo:Pedido de códigoTags:Gerir,função,ChatBox,retrátil



Última edição por RuitherR em 13/06/14, 07:14 pm, editado 1 vez(es)
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por Sennior em 13/06/14, 06:35 pm

Boa noite,

Peço que cheque o tutorial abaixo:
Seta http://ajuda.forumeiros.com/t57261-

Abraços. Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por RuitherR em 13/06/14, 06:42 pm

Não quero chatbox. Quero xat.com Sennior... :/
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por Duel em 13/06/14, 06:50 pm

Boa noite! Muito feliz

Spoiler:
Primeiramente, crie seu xat:
Seta www.xat.com

Após criar, salve o código e crie uma página HTML com ele.
Marque tudo 'não'. Salve o número da página.  Mostrando a lingua 
Para auxílio:
Seta http://ajuda.forumeiros.com/t7967-
Seta http://ajuda.forumeiros.com/t26697-

Agora, faça os mesmos procedimentos do tutorial:
-> http://ajuda.forumeiros.com/t57261-tutorial-chat-box-retratil-lateral

Porém, troque seu código por este:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h1-" 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="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" 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>
Seta No código, procure por '/h1-' e troque pelo número da sua página HTML.

Atenciosamente, Duel. Piscada

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por RuitherR em 13/06/14, 06:55 pm

Duel, irá funcionar em "/forum" ??
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por Duel em 13/06/14, 06:59 pm

Olá!

'/fórum'; Como assim? Funcionará onde os widgets estiverem visíveis. Podendo aplicar-se no template 'Index_body', na home-page ou onde almejar.

Atenciosamente, Duel. Piscada

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por RuitherR em 13/06/14, 07:03 pm

Onde posso colocar em Index_body?? Em que local??
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por Duel em 13/06/14, 07:06 pm

Olá!

No início, antes de tudo. Basta dar, um pequeno espaço antes da primeira palavra do template.

Atenciosamente.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Gerir função ChatBox retrátil

Mensagem por RuitherR em 13/06/14, 07:13 pm

Valeu duel Feliz

Ganhou meu "Obrigado" Muito feliz 

OBS.: Duel, me procure. Preciso falar com você. Me mande MP pfvr...
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

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