Chatbox no lado

Qual é minha questão:
Queria um chatbox no canto direito como neste forum aqui:
http://masterexp.forumeiro.com/forum
Alguém poderia me informar? =)

Medidas que eu tomei para corrigir o problema:
Procurei em alguns tópicos da forumeiros,mesmo assim não consegui

Imagens do meu problema:
-

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

Versão do meu fórum:
PHPBB3

tenta usar este código

Código:

    </div> <!-- / topp --><div class="clearfix"></div>
        </div><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>

eu usei no meu tbm

espero ter ajudado

Eu consegui só que agora sumiu tudo do Indicie do forum,O que faço agora? '-'

Olá,

Tente com este

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://i40.tinypic.com/2nly261.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>

Coloquei a imagem que aparece deste fórum que nos enviou, caso queira trocar pelo que o membro acima postou troque esta parte do código

http://i40.tinypic.com/2nly261.png

Por esta

http://i34.servimg.com/u/f34/16/04/51/75/open10.png

Caso ainda tenha problemas envie uma imagem.

Até mais

Consegui,obrigado. ^^

Esse código é pra ser adicionado na folha de estilo ?

Olá, Aqui está:
Painel de controle Visualização Página inicial ou home page Geral.

Procure por: Mensagem na Página Inicial,Conteúdo da mensagem e cole lá

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://i40.tinypic.com/2nly261.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>

Resulto(a)? Não esqueça de agradecer seja educado aperte o botão logo acima!

@Monkey D. Luffy escreveu:Esse código é pra ser adicionado na folha de estilo ?

Não, você pode coloca-lo em um widget ou na home page.
Para colocar em um widget aceda à Painel de controle Módulos Portal & Widget Gestão dos widgets do fórum Criar um widget personalizado

Para colocar na Home Page aceda à Painel de controle Visualização Página Inicial Geral Mensagem na Página Inicial Conteúdo da mensagem

Até mais

Obrigado. ^^