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.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Perfil no topico
Hoje à(s) 14:12 por Appoloz

» [Pedido] Fundo para fórum (deixar branco)
Hoje à(s) 14:00 por Maori

» [Pedido] Banner para meu fórum (Azul)
Hoje à(s) 14:00 por Maori

» Retirar esta parte do topico
Hoje à(s) 13:42 por Luiz~

» Mudar layout e texto de confirmação captcha
Hoje à(s) 13:40 por Troubleshoot

» Detectar fonte do rank
Hoje à(s) 13:13 por Luiz~

» Personalizar Overall_Header
Hoje à(s) 12:47 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
197 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 187 Visitantes :: 1 Motor de busca

AlexSweed, Appoloz, Comensal, Lincoln, Luiz~, Nemézio Félix, Troubleshoot, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12:05

Sistema de chat

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

Resolvido Sistema de chat

Mensagem por Guilherme3f em Qui 10 Nov 2016 - 16:31

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!

Guilherme3f
Nível 7

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

http://teste-kmz.forumeiros.com/forum

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em Qui 10 Nov 2016 - 22:49

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?


^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em Sex 11 Nov 2016 - 11:19

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,

Guilherme3f
Nível 7

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

http://teste-kmz.forumeiros.com/forum

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em Sex 11 Nov 2016 - 13:30

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.


^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em Sex 11 Nov 2016 - 14:18

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

http://imgur.com/a/mambk

Guilherme3f
Nível 7

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

http://teste-kmz.forumeiros.com/forum

Resolvido Re: Sistema de chat

Mensagem por Kyo Panda em Sex 11 Nov 2016 - 16:17

Adicione ao CSS:

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

^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Sistema de chat

Mensagem por Guilherme3f em Sex 11 Nov 2016 - 16:50

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?

Guilherme3f
Nível 7

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

http://teste-kmz.forumeiros.com/forum

Resolvido Re: Sistema de chat

Mensagem por Cream em Sex 11 Nov 2016 - 16:55

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".


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8460
Pontos Ativos : 13732

http://ajuda.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5