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

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

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

Mensagem por Cream em 23.07.13 15:17


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

Estatísticas de phpbb3 no formato de punbb

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


--> Tutoriais, dicas e astúcias <--
Estatísticas de phpbb3 no formato de punbb



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

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

[TUTORIAL] Estatísticas de phpbb3 no formato de punbb 110111Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Estatísticas de phpbb3 no formato de punbb 110210Seta Investimento - É obrigatoriamente selecionar "Em todas as páginas".
[TUTORIAL] Estatísticas de phpbb3 no formato de punbb 110310Seta Código JavaScript - Cole o código que iremos trabalhar no próximo passo.
[TUTORIAL] Estatísticas de phpbb3 no formato de punbb 110410Seta 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.
- 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');
});


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

(carregue na imagem para aumentar)
[TUTORIAL] Estatísticas de phpbb3 no formato de punbb Css11

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
    [TUTORIAL] Estatísticas de phpbb3 no formato de punbb Ome60
    Depois
    [TUTORIAL] Estatísticas de phpbb3 no formato de punbb Rc462





©️ Fórum dos Fóruns


[TUTORIAL] Estatísticas de phpbb3 no formato de punbb Act_bottom 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
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

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