Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
250 usuários online :: 14 usuários cadastrados, 1 Invisível e 235 Visitantes :: 2 Motores de busca

Anderson_WondeR, estica, gangablue, Jeckwilke, juleic1123, Ketholy, Koizumi Bia, Kyo Panda, Lincoln, Lost154, nelomota, odelgado, Railison Ramon, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Sistema de chat

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

Resolvido Sistema de chat

Mensagem por Guilherme3f em 10/11/16, 05:31 pm

Detalhes da questão


Endereço do fórum: http://teste-kmz.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Olá Convidado,Gostaria de colocar um sistema de chat como o "chatbox" só que mais simples onde tenha uma caixa para escrever o texto e nada mais.e que o chat seja oculto com um icone para abrir quando clicado.seria possivel?

OBRIGADO PELA ANTENÇÃO!
avatar

Guilherme3f
Nível 7

Masculino
Inscrito dia : 12/10/2016
Mensagens : 93
Pontos Ativos : 115

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

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em 10/11/16, 11:49 pm

Olá,

Nós podemos editar o chat padrão do Forumeiros para alcançar um resultado satisfatório, mas o senhor terá que nos dar um pouco mais de informações:

  • Onde ficaria o ícone do chat?
  • Onde o chat abriria após clicar no ícone?
  • Como os nomes e mensagens devem ser mostrados no chat?
  • O que acontece se o usuário clica no ícone do chat com o chat aberto?
  • O ícone do chat aparecerá em todas as páginas ou apenas em específicas?


^-^


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em 11/11/16, 12:19 pm

Olá Kyo Panda,


1- Gostaria que ficasse aqui;

http://imgur.com/UM121lx


2- Gostaria que abrisse aqui;

http://imgur.com/UM121lx;

3- Gostaria que o nome do usuario tivesse a mesma cor de seus grupos e quando passado o mouse por cima mostra umas estastisticas Como: "numero de posts" "idade" "e o sKype"

4- Não entendi essa pergunta

5- Não apenas na pagina principal.

6- Fiz um exemplo aqui:

Antes de clikar:

http://imgur.com/a/7gO6B

Depois de clikar:

http://imgur.com/a/D11xB



Quando a pessoa reiniciar a pagina o chat some,
avatar

Guilherme3f
Nível 7

Masculino
Inscrito dia : 12/10/2016
Mensagens : 93
Pontos Ativos : 115

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

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em 11/11/16, 02:30 pm

Vá em Painel de controle :seta2: Módulos :seta2: HTML & JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: Criar um novo JavaScript e adicione esse código com Investimento em No índice:

Código:
; (function ($) {
    'use strict';

    $(function () {
        $('<iframe>', {
            src: '/chatbox/index.forum?page=front',
            scrolling: 'yes',
            id: 'shekbar_chat'
        }).appendTo('#ShekBar .right');

        $('.shekbar_logo').on('click', function () {
            $('#shekbar_chat').toggleClass('shekbar_chat_open');
            return false;
        });
    });
}) (jQuery);

Se desejar que o chatbox apareça em todas as páginas, altere o Investimento para Todas as páginas.

Vá em Painel de controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:
/** ShekBar Chatbox */

#shekbar_chat {
  position: absolute;
  bottom: 26px;
  right: 0;
  width: 300px;
  height: 300px;
  border: 10px #313131 solid;
  border-radius: 5px;
  margin: 10px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  right: -300px;
  opacity: 0;
  transition: 250ms ease;
  transition-property: right, opacity;
}

#shekbar_chat.shekbar_chat_open {
  right: 0;
  opacity: 1;
}

body[bgcolor] {
  background: transparent;
}

#chatbox_members,
.chatbox-title,
#chatbox_messenger_form input,
#chatbox_messenger_form label,
#chatbox_messenger_form #divcolor,
#chatbox_messenger_form #divsmilies,
#chatbox_messenger_form #help-button,
#chatbox .date-and-time {
  display: none;
}

#chatbox_messenger_form {
  padding: 0;
  font-size: 0;
  margin: 0;
}

#chatbox_messenger_form #message {
  display: block;
  margin: 0;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  float: none;
  width: 100%;
  outline: none;
  background: #292929;
  border: 1px #666 solid;
  border-radius: 3px;
  color: #fff !important;
  font-size: 12px;
  box-sizing: border-box;
}

#chatbox_messenger_form .right {
  float: none;
}

#chatbox_header.main-head {
  background: none;
  border-bottom: 1px #666 solid;
  padding: 0 10px;
}

.chatbox-options {
  float: none;
  text-align: right;
  margin: 0;
  line-height: 30px;
}

.chatbox-options a {
  text-decoration: none;
}

#chatbox {
  left: 0;
  color: #fff;
  padding: 10px 0;
  bottom: 40px;
}

#chatbox .msg span {
  color: #fff !important;
}

.chatbox_row_1,
.chatbox_row_2 {
  padding: 5px 10px;
  font-weight: normal;
  background: none;
}

.chatbox_row_2 {
  background: none;
}

#chatbox strong {
  font-weight: normal;
}

#chatbox_footer {
  border-top: 1px #666 solid;
}

/** End of ShekBar Chatbox */

---

Notas:

  • Tive que manter o cabeçalho (Login, Arquivos | Sair) pois o usuário não conseguiria entrar no chat sem isso.

  • Não foi possível fazer o hover no nome dos usuários, pois aparentemente não há como executar Javascript dentro do chat.


^-^
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em 11/11/16, 03:18 pm

Ficou Pft irmão,tem como tirar só isso aquie?

http://imgur.com/a/mambk
avatar

Guilherme3f
Nível 7

Masculino
Inscrito dia : 12/10/2016
Mensagens : 93
Pontos Ativos : 115

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

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em 11/11/16, 05:17 pm

Adicione ao CSS:

Código:
#onlinechat {
  display: none;
}

^-^


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em 11/11/16, 05:50 pm

Obrigado Kyo panda,ficou pft *-*




Kyo panda posso te fazer uma pergunta aqui nesse topico?

Gostaria de me aprofundar mais nesse negocio de forum e codigos e tals,como aprendo?a forumeiros acede o suporte?eu poderia ajuda aqui tambem não sei,pode me informar?
avatar

Guilherme3f
Nível 7

Masculino
Inscrito dia : 12/10/2016
Mensagens : 93
Pontos Ativos : 115

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

Resolvido Re: Sistema de chat

Mensagem por Cream em 11/11/16, 05:55 pm

Olá autor,

O senhor pode procurar diversos tutoriais (inclusive alguns aqui no fórum) e também vídeo aulas sobre as linguagens de programação para que possa aprender mais. Todos podem ajudar aqui, pois todo o trabalho é voluntário. Como a sua dúvida principal foi resolvida, estarei dando o tópico como finalizado.

Espero que entenda.
Até mais!
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11633

Ver perfil do usuário http://ajuda.forumeiros.com

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


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