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
» Slides bugado
Hoje à(s) 03:37 pm por Luiz

» Criar Novos botões e mudar a cor
Hoje à(s) 02:58 pm por Fou-Lu

» Ranks para forum
Hoje à(s) 02:55 pm por Fou-Lu

» Ranks - NarutoNGO
Hoje à(s) 02:53 pm por Fou-Lu

» Adicionar estrelas nos tópicos
Hoje à(s) 02:44 pm por APOllO

» Modificação no Index
Hoje à(s) 02:20 pm por Luiz

» Top Usuário
Hoje à(s) 02:20 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
APOllO
 

Quem está conectado
228 usuários online :: 6 usuários cadastrados, 1 Invisível e 221 Visitantes :: 2 Motores de busca

Connor R., Fou-Lu, iScroll, Ketholy123, Luiz, Punisher

[ 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
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1390
Pontos Ativos : 1901

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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 : 1390
Pontos Ativos : 1901

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'


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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 : 1390
Pontos Ativos : 1901

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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 : 1390
Pontos Ativos : 1901

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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 : 1390
Pontos Ativos : 1901

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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 : 1390
Pontos Ativos : 1901

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


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 : 4490
Pontos Ativos : 5785

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