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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Formulário de postagem 2.0 não está postando
Hoje à(s) 02:53 am por Bruninho._

» (PEDIDO) Ranks
Hoje à(s) 12:05 am por Fou-Lu

» Direccionar para outra página
Ontem à(s) 10:25 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 10:19 pm por William_iHarDz

» Personalizar Perfil de conquistas
Ontem à(s) 09:47 pm por Harleen

» Adicionar widget últimos assuntos no portal
Ontem à(s) 09:42 pm por Harleen

» Construção de Header
Ontem à(s) 09:01 pm por IsmaelS.

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
185 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 181 Visitantes :: 2 Motores de busca

Fou-Lu, mrvisible, William_iHarDz, zHugh

[ Ver toda a lista ]


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

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Chatbox escondido

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

Sem resultado :/
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Chatbox escondido

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

Valeu luiz! Resolveu Feliz
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 782
Pontos Ativos : 1089

http://testealrpg.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3833
Pontos Ativos : 5055

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