Qual é minha questão:
Eu tive dificuldades em criar o código para esconder a barra lateral e manter o Chatbox Retrátil aberto.

Qual a dificuldade não tenho a minima ideia de como esconder sem fazer a barra ficar por cima do resto da pagina.
PS: Quero esconder toda a barra lateral menos o Chatbox Retrátil.

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

Endereço do meu fórum:
http://final-fantasy-rpg.forumeiros.com

Versão do meu fórum:
PHPBB2

Sim Exatamente isso!

Olá,

Poderias me conceder o código que usa para o Chatbox retrátil ?

Cordialmente ...

Claro.

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>

é por Widget.

Hello,

meu código é em js muito mais facil de usar siga o tutorial :
Aceda á :

1°

painel de controle modulos chatbox configuração (marque sim em:Ativar o Chatbox

Visualização do Chatbox marque não exibir

Aceda á :
2°

painel de controle modulos HTML & JAVASCRIPT JAVASCRIPT CRIAR NOVO JAVASCRIPT COLE O CÓDIGO :

Código:

jQuery(document).ready(function() { jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 60px; 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 id="abrir-chat" style="margin-top: 10px; cursor :pointer; float:right"><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(); }); });

cole e marque em investimento :todas as páginas

se resultou cilce em porfavor agradeça

Não deu resultado.
Algum de vocês conseguiria isolar o Chatbox Retratil para poder esconder o resto sem esconder ele.

EDIT: Cliquei em obrigado pelo esforço.