Chatbox personalizado

Qual é minha questão:
Olá eu vi em um fórum um chat box personalizado, mais num sei qual é o código ou como fazer.Eu queria retirar ele do modo de ficar lá em baixo e deixar ele fexado e bem pequeno do lado direito do fórum, ai só clica-se nele que ele já abria.

Medidas que eu tomei para corrigir o problema:
Nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://pokemonperolarpg.forumeiros.com/forum

Versão do meu fórum:
PUNBB

Olá,

Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Criar um novo widget personalizado ->>
Cole o seguinte 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: 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!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Ok Obrigado, e Deu Certo.