Chatbox escondido

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

Resolvido Chatbox escondido

Mensagem por iScroll em 09/04/17, 01:16 am

Detalhes da questão


Endereço do fórum: http://17bpm.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá pessoal, gostaria desse ChatBox:

http://i.imgur.com/9dc9LFi.png

Fórum onde vi: http://www.heroisdoolimporpg.com/

Seria possível? Desde já agradeço.


Última edição por iScroll em 11/04/17, 08:49 pm, editado 1 vez(es)
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Luiz em 09/04/17, 08:24 am

Olá, bom dia. Piscada

Leia este tutorial:
-> http://ajuda.forumeiros.com/t56724-tutorial-chatbox-retratil-no-canto-do-forum

Creio que o resto o senhor consegue personalizar via CSS.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Chatbox escondido

Mensagem por iScroll em 09/04/17, 10:59 am

Sem resultado :/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Luiz em 10/04/17, 02:37 pm

Olá,

Crie um novo JavaScript, investido em todas as páginas, com o código:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('body')
      .append([
        '',
        '<div id="lz-chat">',
        '  <iframe src="/chatbox/index.forum?" id="chatboxpop" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0"></iframe>',
        '  <div id="lz-popup">',
        '    <img src="http://i.imgur.com/uOqXEzM.png" id="chatboxopen" style="display: inline;">',
        '    <img src="http://i.imgur.com/jOydylt.png" id="chatboxclose" style="cursor: pointer; display: none;">',
        '  </div>',
        '</div>',
        '',
        '<style type="text/css">',
        '  #lz-chat {',
        '    overflow: visible;',
        '    position: fixed;',
        '    bottom: 110px;',
        '    height: 350px;',
        '    right: 0px;',
        '    z-index: 1000;',
        '  }',
        '',
        '  #chatboxpop {',
        '    height: 450px;',
        '    float: right;',
        '    overflow: hidden;',
        '    width: 750px;',
        '    display: none;',
        '  }',
        '',
        '  #lz-popup {',
        '    margin-top: 10px;',
        '    cursor :pointer;',
        '    float:left;',
        '  }',
        '</style>',
        '',
      ].join('\n'))
    ;

    $('#lz-popup').on('click', function () {
      $('#chatboxpop')
        .animate({width:'toggle'},700)
      ;
      $('#chatboxopen,#chatboxclose')
        .toggle()
      ;
    });
   
  });
}(jQuery));

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Chatbox escondido

Mensagem por iScroll em 10/04/17, 05:21 pm

Beleza, resultou mas aí está outro problema: http://i.imgur.com/vxGqex4.png
Ambos os chatsbox ficam assim.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Luiz em 10/04/17, 05:59 pm

@iScroll escreveu:Ambos os chatsbox ficam assim.
Na verdade, eles não ficaram assim, eles já estavam assim. Desacordo

É impossível torná-lo perfeito, este é o melhor que dá para fazer:
Código:
body[bgcolor][text][link] {
  height: 99%;
  width: 100%;
  position: absolute!important;
}

div#chatbox_footer {
  display: block;
  position: absolute;
  bottom: 7px;
  border: 0px;
  background-color: #fff;
  z-index: 999;
}
Coloque ao final de sua CSS, @iScroll.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Chatbox escondido

Mensagem por iScroll em 10/04/17, 06:32 pm

Olá, teria como retirar o chatbox normal e deixar apenas o lateral >> ?
E os avatares não aparecem também, dá para resolver?
Veja : http://i.imgur.com/Hb0BO7f.png
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Luiz em 10/04/17, 06:34 pm

Olá,

Para que o chatbox "lateral" funcione, o senhor deve manter o chatbox "original" ativo, visto que um é necessário para o outro. Piscada

Para mim, as imagens estão ok.
Tente limpar o histórico de navegação/cookies, e veja se resolve.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Chatbox escondido

Mensagem por iScroll em 10/04/17, 10:39 pm

Luiz~ escreveu:Olá,

Para que o chatbox "lateral" funcione, o senhor deve manter o chatbox "original" ativo, visto que um é necessário para o outro. Piscada

Para mim, as imagens estão ok.
Tente limpar o histórico de navegação/cookies, e veja se resolve.

Tchau

Mas não há uma maneira de oculta-lo da pagina inicial e deixar apenas o lateral ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Luiz em 11/04/17, 01:13 pm

Sim, basta usar este CSS:
Código:
div.main div.chatbox {
  display: none;
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Chatbox escondido

Mensagem por iScroll em 11/04/17, 07:24 pm

Valeu luiz! Resolveu Feliz
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Chatbox escondido

Mensagem por Kyo Panda em 12/04/17, 10:52 am

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário 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