Chatbox retrátil

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

Olá amigo e bom dia!

Aceda em:

Painel de Controle Módulos Portal & Widgets 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!

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>

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

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

Olá!

Deve-se criar um novo widget personalizado.

Abraços.

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.

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.

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

Olá!

Há um outro modo, aceda ao seu:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript 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.

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

Olá,

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

Podemos encerrar este?

Cordialmente.