Chatbox como deste fórum

Qual é minha questão:
Encontrei esta chatbox neste site e gostaria de fazer igual no meu, alguém poderia em fornecer o código utilizado?

OBS: A chatbox esta no canto direito da tela (há uma imagem escrito "OPEN" com borda amarela)

Links e imagens do meu problema:
Http://power-sing.forumeiros.com/forum

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

Versão do meu fórum:
PHPBB3

Olá,
Aceda á :

Painel de Controle Modulos Widgets do forum Criar Novo Widget

Nome do Widget: Coloque o nome desejado
Utilizar um table Tipe: Marque Não
Titulo do Widget: é Opcional
Fonte do Widget: Coloque este codigo

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>

Ajudei?Não Custa Agradecer.

Até Mais

Olá!
Leia este tutorial:

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

Até mais.

Advance12 escreveu:Olá,
Aceda á :

Painel de Controle Modulos Widgets do forum Criar Novo Widget

Nome do Widget: Coloque o nome desejado
Utilizar um table Tipe: Marque Não
Titulo do Widget: é Opcional
Fonte do Widget: Coloque este codigo

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>

Ajudei?Não Custa Agradecer.

Até Mais

É necessario ativar os widgets em todas as páginas?

Olá,

Sim é Necessário.

Até Mais

Não tem como colocar em outro lugar sem ser widgets? Pois não queria widgets no fórum!

Olá,

Ao marcar não o mesmo não aparecera.
Tente codigo e veja se esta maneira o agrada

Até Mais

Não entendi.

Marquei não nos widgets, mas não apareceu o chatbox.

Olá,

Siga o tutorial,e apos ele aceda á:

Painel de Controle Modulos Portal & Widgets

La estará uma tabela veja se na area de ativado dos Widgets do forum esta escrito sim,Caso Esteja escrito não va em:

Widgets do Forum

Em Exibir os widgets do fórum Marque sim

Ajudei?Não Custa Agradeçer.

Até Mais

Se eu marco sim fica uma barra na parte esquerda sem nada no meu fórum, eu não quero widgets por causa disso. Não tem como por este código, por exemplo, na descrição?

Olá,

Na seção de Widgets exclua todos os outros e deixe apenas o do Chat Box

Ajudei?Não Custa Agradeçer.

Até Mais

Continua o espaço vaziu

ZeMuhammad escreveu:Não tem como colocar em outro lugar sem ser widgets? Pois não queria widgets no fórum!

Boa tarde,

Poderá colocar em todos os lugares que aceitam HTML, mas o aconselhável é nos Widgets. Coloque na Home page de teu fórum é veja se resulta:
Painel de Controle Visualização Home Page Geral

Até mais.

Obrigado! Não me lembrava da Mensagem da Home Page, MAS! Apenas terá o chat na homepage... Não há outro que seja em todas as páginas?


EDIT: Tem como mudar as cores de meu chatbox? Pois estão estranhas!

Olá,

Penso eu que não há outra ocasião para o chatbox. Quanto as cores, aceda à teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.introduction, .panel {-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #FCFCFC;border: 2px solid #EAEAEA;border-radius: 5px;}.row3 {background-color: white;}.panel {background-color: white;color: gray;margin-bottom: 4px;padding: 0 10px;}

Até mais.

Obrigado! Já ajuda!