[TUTORIAL] Estatísticas de phpbb3 no formato de punbb

Agora podemos colocar a estatísticas de vossos fóruns de phpbb3 no formato de punbb.





1º - Noção Básica da função:
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.

Investimento - É obrigatoriamente selecionar "Em todas as páginas".

Código JavaScript - Cole o código que iremos trabalhar no próximo passo.

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 utilizado:

Código:

jQuery(document).ready(function(){
  $(".forabg + .linklist").after('<div id="stats"></div>');
  $("p + .clear + .h3, p.page-bottom + .h3, p.page-bottom").appendTo("#stats");
  $("#i_whosonline + p").addClass('onlinelist');
});

3º - Aplicação do CSS:
Será necessário aplicar o código em vossa folha de estilo CSS.
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>


No conteúdo CSS, adicione este código:

Código:

#stats {
  background: #F4F4F4;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #333;
  border: 1px solid #DDD;
  border-bottom: none;
  margin-top: 8px;
  padding: 8px 10px;
}
#stats .h3 + p {
  float: right;
}
#stats .h3, .onlinelist br + strong + br, .onlinelist a + br + br +br + br, #i_whosonline {
display: none;
}
#stats + .h3 {
  border: none;
  font-weight: normal;
  text-transform: none;
  position: relative;
  margin-top: -26px;
  text-align: right;
  right: 14px;
  top: 33px;
}

#stats + .h3 a {
  font-size: 13px;
}
.onlinelist {
  font-size: 12px;
  color: #333;
  background: #F4F4F4;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #DDD;
  border-top-style:  dashed;
  margin-top: 8px;
  padding: 8px 10px;
}
.onlinelist em {
  font-style: normal;
}

• Resultado:
  

  Resultados

  Antes e Depois

  Antes

  Depois

  
  

---

Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Estatísticas de phpbb3 no formato de punbb