Chatbox retrátil

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

Resolvido Chatbox retrátil

Mensagem por Hiago em 28/08/12, 12:19 am

Qual é minha questão:
Eu quero saber como coloco um chat portátil que msotra em todas as páginas, Não apenas no indice se alguem não entendeu eu explico mais depois

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

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

Versão do meu fórum:
PHPBB3


Última edição por Hiago em 29/08/12, 07:05 pm, editado 1 vez(es)
avatar

Hiago
Nível 3

Masculino
Inscrito dia : 25/08/2012
Mensagens : 19
Pontos Ativos : 39

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

Resolvido Re: Chatbox retrátil

Mensagem por Cream em 28/08/12, 11:47 am

Olá amigo e bom dia!

Aceda em:

Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum

logo adicione esse código;

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: left; 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>

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Chatbox retrátil

Mensagem por jobert kennedy em 28/08/12, 12:19 pm

Esse e melhor e desenvolvido por mim muito bom igual a das redes sociais
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://static.plugchat.in/js/users/e278fc10b4d434eff84c87492d082fe7.min.js"></script>
avatar

jobert kennedy
Nível 8

Masculino
Inscrito dia : 29/07/2012
Mensagens : 136
Pontos Ativos : 272

Ver perfil do usuário http://counterextreme.forumeiros.com/ https://twitter.com/@jobert025

Resolvido Re: Chatbox retrátil

Mensagem por Hiago em 28/08/12, 06:35 pm

Olá novamente, É para criar um novo widget ou modificar o Widget "Chatbox" ?
avatar

Hiago
Nível 3

Masculino
Inscrito dia : 25/08/2012
Mensagens : 19
Pontos Ativos : 39

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

Resolvido Re: Chatbox retrátil

Mensagem por MateusV. em 28/08/12, 06:38 pm

@Hiago escreveu:Olá novamente, É para criar um novo widget ou modificar o Widget "Chatbox" ?

Olá!

Deve-se criar um novo widget personalizado.

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: Chatbox retrátil

Mensagem por Hiago em 28/08/12, 07:21 pm

Desculpe novamente, Mais tentei os códigos e não funcionou se puderam me responder novamente eu agradeço muito ^^

Eu também tenho que aceitar o TableType ?

Utilizar um table type : Sim Não
Ative esta opção se você quiser que o seu widget seja incluso no table standard do portal. Caso contrário, o texto será exibido diretamente.
avatar

Hiago
Nível 3

Masculino
Inscrito dia : 25/08/2012
Mensagens : 19
Pontos Ativos : 39

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

Resolvido Re: Chatbox retrátil

Mensagem por Ace em 28/08/12, 07:56 pm

Olá,

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: left; 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>

Aceda à:

Painel avançado >> Módulos >> Gestão dos widgets do fórum >> Novo widget personalizado >> Cole o código >> Utilizar TableType >> Não

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Chatbox retrátil

Mensagem por Hiago em 28/08/12, 08:04 pm

Olá me desculpe por encomodar novamente, Mais precisa ativar os widgets ? O Meu amigo admin lá não gosta muito dos widgets fala que fica pior, Eu quero saber se tem outro modo se não vai assim mesmo ^^
avatar

Hiago
Nível 3

Masculino
Inscrito dia : 25/08/2012
Mensagens : 19
Pontos Ativos : 39

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

Resolvido Re: Chatbox retrátil

Mensagem por MateusV. em 28/08/12, 08:08 pm

Olá!

Há um outro modo, aceda ao seu:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo código Javascript

Investimento: Em todas as páginas
Código:
Código:
jQuery(document).ready(function() { jQuery('body').prepend('<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: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div id="abrir-chat" 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>'); jQuery("#abrir-chat").click(function() { jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); });

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: Chatbox retrátil

Mensagem por Hiago em 28/08/12, 08:20 pm

Valeu cara mais eu quero saber como coloco borda em volta do chat ok ? alguem sabe como faz isso ?
avatar

Hiago
Nível 3

Masculino
Inscrito dia : 25/08/2012
Mensagens : 19
Pontos Ativos : 39

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

Resolvido Re: Chatbox retrátil

Mensagem por Ace em 28/08/12, 08:21 pm

Olá,

Crie um novo tópico para uma nova dúvida! Piscada

Flecha ajudeiros Podemos encerrar este?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.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