Chatbox Lateral

Qual é minha questão:
Eu ví um forum que tinha um chat lateral , daqueles que fica escrito "Open" e você clica nele e abre um chat , eu ví um forum que tinha um muito legal.
Link do fórum: http://www.narutobrazil.com/forum
Queria um igual só que mais elegante algo como um chat com o open com uma borda modelada.
Se ficar muito dificil pode ser um simples mesmo.Agradeço a atenção.

Medidas que eu tomei para corrigir o problema:
Criei este tópico

Links e imagens do meu problema:
----

Endereço do meu fórum:
revenge.narutorpg.org

Versão do meu fórum:
PHPBB2

Aqui esta o 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://i46.servimg.com/u/f46/15/16/92/48/nrpg10.png" id="chatboxopen" style="display: inline; "><img src="http://i46.servimg.com/u/f46/15/16/92/48/nrpg10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Olá, leia este topico

https://ajuda.forumeiros.com/t55385-

Cordialmente.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Desculpe por postar na aréa errada.
Eu já li só que não dá certo , eu coloco o código e quando eu vou ver não fica o chat o código fica lá escrito e nada do chat só as letras.Queria um que funicionasse no meu forum.

Painel de Controle Visualização Página Inicial Geral

Procura por

Conteúdo da mensagem. :

Adiciona o código e depois clica em Salvar

@Coper escreveu:Painel de Controle Visualização Página Inicial Geral

Procura por

Conteúdo da mensagem. :

Adiciona o código e depois clica em Salvar

Deu errado ficou só escrito e nada de chat.

Olá, aceda ao seu

Painel de controle Visualização Pagina Inicial Geral

Cole o codigo e salve.

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>

Cordialmente.

Deu certo , muito obrigado ^^'