Chat Box Retrátil - Lateral

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

Atendido / Resolvido Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 01.12.17 17:57

Detalhes da questão


Endereço do fórum: http://tech-world.forumeiros.com
Versão do fórum: PunBB

Descrição


Chat Box Retrátil - Lateral Aaaaaa10

Boa tarde, estou tentando colocar esse chatbox retrátil lateral conforme consta no tutorial, porém quando eu abro ele não aparece o chatbox, da um erro na página e abre o fórum dentro da caixa do chatbox.
Eu tentei colocar na descrição a página html, mais não deu, ai eu coloquei no template overall_footer_end.
Quem poder me ajudar desde já eu agradeço.
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por Ketholy em 01.12.17 22:14

Olá novamente,

Creio que o problema não esteja no código e sim em outro lugar, de acordo com meus testes a chatbox não se encontra ativa em nenhum lugar e mesmo assim está visível mais não funcional. Pela informação que o senhor deu e que adicionou o código overall_footer_end peço que o senhor retire-o de lá para que podemos prosseguir.

Até mais!
Ketholy

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1299
Pontos Ativos : 1562

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 03.12.17 13:12

Retirei do template, vou tentar adicionar em um widget.
Olha como ficou:
Quando abre o chatbox:

Chat Box Retrátil - Lateral Chat10

Depois de 5 segundos:
Chat Box Retrátil - Lateral Chat110

Eis o código utilizado:

Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por while em 03.12.17 15:13

Olá autor, boa tarde.

O motivo disso é simples: o chatbox não está ativo. Para você ativar acesse:

Painel de Controle -> Modulos -> Chatbox -> Configuração

E em Ativar o Chatbox você seleciona SIM e clica em VALIDAR.

Até.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 03.12.17 18:47

Pior que esta ativo sim. Acho que é a versão do meu fórum que não aceita esses códigos.
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por Ketholy em 03.12.17 19:12

@juninho_xd escreveu:Pior que esta ativo sim. Acho que é a versão do meu fórum que não aceita esses códigos.

O Tutorial relacionado ao efeito que o senhor deseja está desatualizado, mais tenho uma solução mais eficaz e ágil. Poderemos criar o chat com o mesmo estilo só que com código JS criado por nosso ex-ajudeiro Luiz. Após aplicado o senhor poderá personalizar o chat pela folha de estilo CSS a seu gosto.

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="https://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline;">',
        '    <img src="https://i34.servimg.com/u/f34/16/04/51/75/close10.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));

Obs: Crie um novo JS e faça a aplicação na opção em todas as páginas.
Ketholy

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1299
Pontos Ativos : 1562

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 03.12.17 19:30

Parece que funcionou, porém ficou estranho, em baixo do fórum:
Chat Box Retrátil - Lateral Prob10
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por Konai em 03.12.17 23:01

@juninho_xd escreveu:Parece que funcionou, porém ficou estranho, em baixo do fórum:
Chat Box Retrátil - Lateral Prob10
Olá!

O problema ainda persiste ? Acessei o seu fórum e o mesmo encontra-se estável. Se caso ainda estiver com o problema, me confirme algumas coisas. O erro encontra-se quando está deslogado ou quando está logado, ou de ambos modos? Outros membros relataram o problema também ou apenas o senhor? No caso de ser apenas com o senhor, tente utilizar outro navegador para testar e limpe os cookies de seu navegador atual.

Att! Feliz
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 04.12.17 0:18

Muito obrigado, funcionou corretamente, mais se possível eu queria fazer com que tivesse o chatbox em todo o fórum, não só no inicio, teria como?
Chat box em tempo real.
Muito obrigado novamente.
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por Konai em 04.12.17 1:24

Aceda à: Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
Crie um widget personalizado e adicione o código em um widget ao invés do local que mostra no tutorial.

Att! Feliz
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por juninho_xd em 04.12.17 16:02

Obrigado funcionou.
Pode fechar o tópico.
juninho_xd

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 840
Pontos Ativos : 1310

Ver perfil do usuário http://tech-world.forumeiros.com

Atendido / Resolvido Re: Chat Box Retrátil - Lateral

Mensagem por Ketholy em 04.12.17 16:02

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1299
Pontos Ativos : 1562

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum