Colocar esse tipo de chat box

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar esse tipo de chat box

Mensagem por Black-Star em 23/06/12, 11:50 am

Qual é minha questão:
Galera Olha Ai Esse Tipo de Chat Box.

Normal= http://imgur.com/lk9ng

E Quando Clica= http://imgur.com/p0Rif

Links e imagens do meu problema:
De onde eu pegui.

http://www.rb-forum.net/forum

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

Versão do meu fórum:
PHPBB3
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Marciobcv em 23/06/12, 12:05 pm

avatar

Marciobcv
Nível 9

Masculino
Inscrito dia : 25/02/2012
Mensagens : 191
Pontos Ativos : 269

Ver perfil do usuário

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Black-Star em 23/06/12, 12:26 pm

Não Fufo
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Troubleshoot em 23/06/12, 01:01 pm

Olá, quero avisar que o RBFórum é o único a ter este chatbox(fóruns PT/BR)
Mas, como não sou o criador do código então irei lhe passar!

Vá até:

Painel de controle :seta2: Visualização :seta2: Página inicial Seta Geral

Mensagem na Página Inicial.
Assunto da mensagem : Deixe em branco
Conteúdo da mensagem. : Adicione o código abaixo:
Código:
<script type="text/javascript" src="http://fmquery.forumotion.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" height="100%" width="100%"></iframe></div>

Caso queira adicionar em todas as páginas, adicione em um Widget ou em um Anúncio.

Resulta?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2196
Pontos Ativos : 2939

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Black-Star em 23/06/12, 01:52 pm

Não Em Nehnum
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Black-Star em 23/06/12, 09:29 pm

UP.
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Troubleshoot em 24/06/12, 12:06 am

Desculpe, esqueci de passar o CSS Louco
Código:
.chatbase { /*This can be edited to your liking - (the button)*/
  position: fixed;
  bottom: 2px;
  right: 15px;
  background: #56A0D3;
  border: 2px solid #7BB92B;
  width: 75px;
  height: 20px;
  border-radius: 5px;
  text-align: center !important;
  cursor: pointer;
  color: #ffffff;
}

.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
  border-color: #D30C3F;
  color: #000000;
}

#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
  border: 2px solid #7BB92B;
  width: 65%;
  position: fixed;
  right: 15px;
  bottom: 27px;
  height: 50%;
  border-radius: 5px;
  z-index: 999;
}

Obs: o código que passei tem que estar ativo em seu fórum.
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2196
Pontos Ativos : 2939

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar esse tipo de chat box

Mensagem por Black-Star em 24/06/12, 02:03 am

Vlw!
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum