Chatbox retrátil no canto do fórum

[Shiff']

Qual é minha questão:
como faz para coloca o chat de lado se tiver um video pf mim passe pq eu entendo melhor e explique como faz que assim eu aprendo rapidinho.eu agradeço.espero não icomodar d+

Medidas que eu tomei para corrigir o problema:
já pesquisei e não entendi

Imagens do meu problema:


Endereço do meu fórum:
PHPBB2

Versão do meu fórum:
PHPBB2

[Cream]

Olá,

Para isso, leia o seguinte tutorial:

Spoiler:

Até mais.

[Shiff']

isso não ta prestando já tentei 16 vezes e nada.no tem um video não,pq eu já fiz tudo isso e o chat continua parado lá em cima...

[Cream]

Olá,

Vamos tentar algo diferente. Vá em :
Painel de controle Módulos Gestão dos Widgets do fórum.

Escolha qualquer widget editável e clique no botão : , em seu conteúdo coloque o código abaixo e salve.

Código:


    <div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox/chatbox.forum?page=front&amp;" 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>


Até mais.

[Shiff']

acho que vou desistir,não fonciona de nem um geito,só aparece os codigos acontece tudo errado.

[Luciano98]

Olá!

Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};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:right;overflow-x:visible;overflow-y:visible;display:none;width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="chatoc()" style="margin-top:10px;cursor :pointer;float:left"><img src="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display:inline"><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor:pointer;display:none"></div></div>')});

Clique em "Confirmar".

Até mais.

[Shiff']

obrigado