Chat Box Retrátil - Lateral

Detalhes da questão

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

Descrição

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.

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!

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



Depois de 5 segundos:


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>

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

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

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.

Parece que funcionou, porém ficou estranho, em baixo do fórum:

juninho_xd escreveu:Parece que funcionou, porém ficou estranho, em baixo do fórum:

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!

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.

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!

Obrigado funcionou.
Pode fechar o tópico.