Chatbox retrátil

5 participantes

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

Tópico resolvido Chatbox retrátil

Mensagem por Hiago 28.08.12 4:19

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 23:05, editado 1 vez(es)
Hiago

Hiago
Novo Membro

Membro desde : 26/08/2012
Mensagens : 19
Pontos : 39

http://pokemonspecial.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chatbox retrátil

Mensagem por Cream 28.08.12 15:47

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox retrátil

Mensagem por jobert kennedy 28.08.12 16:19

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>
jobert kennedy

jobert kennedy
***

Membro desde : 30/07/2012
Mensagens : 136
Pontos : 272

http://counterextreme.forumeiros.com/ https://twitter.com/@jobert025

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox retrátil

Mensagem por Hiago 28.08.12 22:35

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

Hiago
Novo Membro

Membro desde : 26/08/2012
Mensagens : 19
Pontos : 39

http://pokemonspecial.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chatbox retrátil

Mensagem por MateusV. 28.08.12 22:38

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

MateusV.
Membro Entusiasta
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: Chatbox retrátil

Mensagem por Hiago 28.08.12 23:21

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.
Hiago

Hiago
Novo Membro

Membro desde : 26/08/2012
Mensagens : 19
Pontos : 39

http://pokemonspecial.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chatbox retrátil

Mensagem por Ace 28.08.12 23:56

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.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox retrátil

Mensagem por Hiago 29.08.12 0:04

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 ^^
Hiago

Hiago
Novo Membro

Membro desde : 26/08/2012
Mensagens : 19
Pontos : 39

http://pokemonspecial.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chatbox retrátil

Mensagem por MateusV. 29.08.12 0:08

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

MateusV.
Membro Entusiasta
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: Chatbox retrátil

Mensagem por Hiago 29.08.12 0:20

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

Hiago
Novo Membro

Membro desde : 26/08/2012
Mensagens : 19
Pontos : 39

http://pokemonspecial.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chatbox retrátil

Mensagem por Ace 29.08.12 0:21

Olá,

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

Flecha ajudeiros Podemos encerrar este?

Cordialmente.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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