Chatbox escondido

3 participantes

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

Tópico resolvido Chatbox escondido

Mensagem por iScroll 09.04.17 5:16

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:

https://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 12.04.17 0:49, editado 1 vez(es)
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Luiz 09.04.17 12:24

Olá, bom dia. Piscada

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

Creio que o resto o senhor consegue personalizar via CSS.

Tchau
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por iScroll 09.04.17 14:59

Sem resultado :/
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Luiz 10.04.17 18:37

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'
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por iScroll 10.04.17 21:21

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

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Luiz 10.04.17 21:59

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
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por iScroll 10.04.17 22:32

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

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Luiz 10.04.17 22:34

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
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por iScroll 11.04.17 2:39

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 ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Luiz 11.04.17 17:13

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

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por iScroll 11.04.17 23:24

Valeu luiz! Resolveu Feliz
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox escondido

Mensagem por Kyo Panda 12.04.17 14:52

Chatbox escondido Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos