Espaço ao lado do chat lateral

3 participantes

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

Tópico resolvido Espaço ao lado do chat lateral

Mensagem por Lucas Makuso 26.09.15 15:46

Detalhes da questão


Endereço do fórum: http://digitalwars.forumeiro.com/
Versão do fórum: PhpBB3

Descrição


Ontem minha solução para um chatbox na lateral do fórum foi resolvida pelo Fraise ( link ) o chatbox fica na barra de ferramentas do forumeiros, porém eu achei o chatbox muito grande então eu quis modificar o tamanho. Deixei no tamanho que queria, mas como pode ver na imagem ( imagem ) existe um espaço em branco do lado, teria como retirar?
Lucas Makuso

Lucas Makuso
***

Membro desde : 28/08/2014
Mensagens : 108
Pontos : 164

http://digitalwars.forumeiro.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Fraise 26.09.15 15:48

Olá!

Poderia informar-me como alterou o tamanho do chatbox para eu saber como proceder?

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Lucas Makuso 26.09.15 15:53

Na folha CSS eu alterei:

Código:
#fa_chat {
  border:none;
  width: 90%;
  height:100%;
}


Antes era 100%

No código javascrip eu alterei

Código:
 // chatbox settings
    config : {
      height : '60%',
      width : '70%',

Alterandode 60% para 55% e o width de 70% para 60%.
Lucas Makuso

Lucas Makuso
***

Membro desde : 28/08/2014
Mensagens : 108
Pontos : 164

http://digitalwars.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Lucas Makuso 28.09.15 17:15

Lucas Makuso

Lucas Makuso
***

Membro desde : 28/08/2014
Mensagens : 108
Pontos : 164

http://digitalwars.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Sennior 01.10.15 21:52

Saudações!

O senhor alterou o código errado, e por isso deu este espaço.
No tópico que o nosso grande amigo Fraise lhe ajudou, no código JavaScript que é este:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Chat) {
    if (window.console) console.warn('FA.Chat has already been initialized');
    return;
  }

  FA.Chat = {

    // chatbox settings
    config : {
      height : '60%',
      width : '70%',
      
      live_notif : true,
      sound_notif : {
        enabled : true,
        file : 'http://illiweb.com/fa/fdf/zelda.mono.mp3'
      },
      notifRate : 10000
    },

    // language settings
    lang : {
      chatbox : 'Chatbox',
      new_msg : 'A new message has been posted in the <a href="javascript:FA.Chat.toggle();">chatbox</a>.'
    },

    // technical data below
    node : {}, // node cache
    users : 0, // users in chat
    messages : 'initial', // total chat messages
    actif : false, // tells us if the chatbox is opened
    notifActif : false, // tells us if the notifications are active

    // initial setup of the chatbox
    init : function() {
      var right = document.getElementById('fa_right'),
          container = document.createElement('DIV'),
          button = document.createElement('A'),
          audio;

      button.id = 'fa_chat_button';
      button.innerHTML = FA.Chat.lang.chatbox + ' <span id="fa_chatters">(0)</span>';
      button.onclick = FA.Chat.toggle;
      FA.Chat.node.button = button;

      container.id = 'fa_chat_container';
      container.innerHTML = '<iframe id="fa_chat" src="/chatbox"></iframe>';
      container.style.width = FA.Chat.config.width;
      container.style.height = FA.Chat.config.height;
      container.style.bottom = '-' + FA.Chat.config.height;
      container.style.visibility = 'hidden';

      if (right) {
        right.insertBefore(button, right.lastChild); // add the chat button to the right side of the toolbar
        document.body.appendChild(container);
        
        // create the notification audio element
        if (FA.Chat.config.sound_notif.enabled) {
          audio = document.createElement('AUDIO');
          audio.src = FA.Chat.config.sound_notif.file;
          if (audio.canPlayType) {
            FA.Chat.node.audio = audio;
            document.body.appendChild(audio);
          }
        }

        FA.Chat.node.container = document.getElementById('fa_chat_container');
        FA.Chat.node.chatters = document.getElementById('fa_chatters');
        FA.Chat.node.frame = document.getElementById('fa_chat');
        FA.Chat.node.frame.onload = FA.Chat.getFrame;
      }
      
      delete FA.Chat.init;
    },

    // get the frame window, document, and elements
    getFrame : function() {
      if (FA.Chat.poll) window.clearInterval(FA.Chat.poll);
      if (this.contentDocument || this.contentWindow) {
        FA.Chat.window = this.contentWindow;
        FA.Chat.document = this.contentDocument ? this.contentDocument : FA.Chat.window.document;
        
        FA.Chat.node.message = FA.Chat.document.getElementById('message');
        FA.Chat.node.members = FA.Chat.document.getElementById('chatbox_members');
        
        FA.Chat.poll = window.setInterval(FA.Chat.listen, 300); // listen for changes every 0.3 seconds
      }
    },
    
    // listen for changes in the chatbox
    listen : function() {
      var users = FA.Chat.node.members.getElementsByTagName('LI').length,
          messages = FA.Chat.window.chatbox.messages.length;
      
      // update user count
      if (users > FA.Chat.users || users < FA.Chat.users) {
        FA.Chat.users = users;
        FA.Chat.node.chatters.innerHTML = '(' + FA.Chat.users + ')';
      }
      
      // initial / active updates
      if ((FA.Chat.messages == 'initial' && messages) || FA.Chat.notifActif || FA.Chat.actif) FA.Chat.messages = messages;
      
      // notify new messages while connected and the chatbox is closed
      if (!FA.Chat.actif && !FA.Chat.notifActif && FA.Chat.window.chatbox.connected && (messages > FA.Chat.messages || messages < FA.Chat.messages)) {
        FA.Chat.messages = messages; // update message count
        FA.Chat.notifActif = true;
        
        if (FA.Chat.config.live_notif) FA.Chat.notify(FA.Chat.lang.new_msg); // show live notification
        if (FA.Chat.config.sound_notif.enabled && FA.Chat.node.audio) FA.Chat.node.audio.play(); // play sound notification
        
        // wait before notifying the user again
        window.setTimeout(function() {
          FA.Chat.notifActif = false;
        }, FA.Chat.config.notifRate);
      }
    },
    
    // create a custom notification
    notify : function(msg) {
      
      var notif = document.createElement('DIV'),
          live = document.getElementById(Toolbar.LIVE_NOTIF);
          
      notif.className = 'fa_notification';
      notif.innerHTML = '<div class="content ellipsis">' + msg + '</div>';
      notif.style.display = 'none';
      
      $(notif).mouseover(function() { $(this).stop(true, true) });
      $(notif).mouseleave(function() { $(this).delay(5000).fadeOut() });
      
      live.insertBefore(notif, live.firstChild);
      $(notif.firstChild).dotdotdot();
      
      $(notif).fadeIn(100, function() { $(this).delay(10000).fadeOut() });
    },
    
    // toggle the display state of the chatbox
    toggle : function() {
      var container = FA.Chat.node.container.style;
        
      if (/hidden/i.test(container.visibility)) {
        FA.Chat.node.button.className = 'fa_chat_active';
        FA.Chat.actif = true;
          
        container.visibility = 'visible';
        container.bottom = '3px';
          
        // auto focus the message field
        window.setTimeout(function() {
          FA.Chat.node.message.focus();
        }, 350); // some browsers ( firefox ) need a delay
      } else {
        FA.Chat.node.button.className = '';
        FA.Chat.actif = false;
          
        container.visibility = 'hidden';
        container.bottom = '-' + FA.Chat.config.height;
      }
    }

  };

  $(function(){
    // initialize the chat when the document is ready and the user is logged in
    if (_userdata.session_logged_in) $(FA.Chat.init);
  });
})();

Temos o campo  "// chatbox settings
   config : {
     height : '60%',
     width : '70%',
"

Basta alterar nesta área o 70 para um menor numero, entendeu?
Até mais.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Lucas Makuso 02.10.15 1:24

Ah! Obrigado! Sennior, resolveu meu problema!
Lucas Makuso

Lucas Makuso
***

Membro desde : 28/08/2014
Mensagens : 108
Pontos : 164

http://digitalwars.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Espaço ao lado do chat lateral

Mensagem por Sennior 02.10.15 1:42

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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