[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3)

Este tutorial tem como objetivo melhorar a abrangência das classes das estatísticas do fórum, assim melhorando no momento da personalização.


1º - Função do javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos No índice.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

2º - Código a ser usado:
Em seguida, vamos aplicar o seguinte código Javascript para a modificação:

Código:

jQuery(document).ready(function(){w='whosconected';s='statsbottom';jQuery('.h3:has(a:contains("Quem está conectado"))').before('<div id='+w+'></div>');jQuery('#'+w).append(jQuery('.h3:has(a:contains("Quem está conectado"))')).append(jQuery('#i_whosonline')).next().appendTo('#'+w);jQuery('.h3:has(a:contains("Estatísticas"))').before('<div id='+s+'></div>');jQuery('#'+s).append(jQuery('.h3:has(a:contains("Estatísticas"))'));jQuery('p.page-bottom').each(function(){jQuery(this).appendTo('#'+s)})});

• O que vai mudar?
  O código adicionar seletores nas estatísticas possibilitando personalizá-los com CSS. Por exemplo os que foram citado na imagem abaixo.
  
  
• Resultado
  
  

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Quem está conectado e Estatísticas em quadros