Chatbox dentro de uma aba

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

Resolvido Chatbox dentro de uma aba

Mensagem por Thorpe'. em 11/05/13, 08:49 pm

Qual é minha questão:
Olá, eu estava me atualizando aqui no FdF e vi um tópico que exibia um print, e a partir desse print eu lembrei de uma velha ideia.

Print:



Como pode visualizar nesse print, existe uma aba no lado direito com o nome "XAT". Como podem imaginar, quando abrimos essa aba o chatbox se encontra dentro dela. Eu queria  saber como posso adicionar essa aba em meu fórum. Poderia me ajudar ?

Obrigado pela atenção .


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

Versão do fórum:
PUNBB
avatar

Thorpe'.
Nível 2

Masculino
Inscrito dia : 11/05/2013
Mensagens : 8
Pontos Ativos : 12

Ver perfil do usuário http://thunder-pixel.forumeiros.com

Resolvido Re: Chatbox dentro de uma aba

Mensagem por BrunoH. em 11/05/13, 08:50 pm

Olá,
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Sobre sua dúvida, leia este tópico:
Seta [TUTORIAL] Chat Box Retrátil - Lateral

Até mais.
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: Chatbox dentro de uma aba

Mensagem por Thorpe'. em 11/05/13, 09:00 pm

Olá, pra eu substituir as imagens que abrem e fecham basta:

Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" 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>

1° Substituir a imagem que abre:

Basta substituir o link: http://i34.servimg.com/u/f34/16/04/51/75/open10.png, pela imagem desejada.

2° Substituir a imagem que fecha:

Basta substituir o link: http://i34.servimg.com/u/f34/16/04/51/75/close10.png, pela imagem desejada.

Certo ?
avatar

Thorpe'.
Nível 2

Masculino
Inscrito dia : 11/05/2013
Mensagens : 8
Pontos Ativos : 12

Ver perfil do usuário http://thunder-pixel.forumeiros.com

Resolvido Re: Chatbox dentro de uma aba

Mensagem por Chongas em 11/05/13, 09:05 pm

Sim

Chongas
Nível 5

Masculino
Inscrito dia : 12/04/2013
Mensagens : 43
Pontos Ativos : 98

Ver perfil do usuário

Resolvido Re: Chatbox dentro de uma aba

Mensagem por Thorpe'. em 11/05/13, 09:08 pm

Instalei o recurso exatamente como o tutorial ensina e o mesmo não é exibido em meu fórum. Poderia me ajudar ?
avatar

Thorpe'.
Nível 2

Masculino
Inscrito dia : 11/05/2013
Mensagens : 8
Pontos Ativos : 12

Ver perfil do usuário http://thunder-pixel.forumeiros.com

Resolvido Re: Chatbox dentro de uma aba

Mensagem por Thorpe'. em 11/05/13, 09:36 pm

Consegui resolver, é que tava desativado :s

#Closed, please ?
avatar

Thorpe'.
Nível 2

Masculino
Inscrito dia : 11/05/2013
Mensagens : 8
Pontos Ativos : 12

Ver perfil do usuário http://thunder-pixel.forumeiros.com

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