Chatbox ao lado

Qual é sua questão:
Olá. Eu queria saber se é possível colocar o chatbox ao lado no meu site como nesse daqui: http://pokeaquadesign.forumeiros.com/
Agradeço a atenção.

Que medidas você tomou para corrigir o problema:


Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
www.mundolouco.forumeiros.com

Versão do fórum:
PHPBB3

Boa noite.

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: 600px; " 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>

Atenciosamente.
MissFurby.

funcionou. obrigado.
Mas tipo, ele ficou meio cortado e quando loga nele nao tem como deslogar olha:
https://2img.net/h/oi56.tinypic.com/103iuza.png

Obrigado pela ajuda e atenção.

Olá!

Tente substituir por esse código:

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

vlw irmao.
Resolvido.