ShiftActif fórum

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 1660898911
ShiftActif fórum

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 1660898911

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb

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

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb Empty [TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb

Mensagem por Engine404 Sex 6 Jul - 9:35


[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb Gestio10

Estatísticas personalizadas

Neste tutorial iremos aprender a como colocar as estatísticas de um fórum PHPBB3 na forma das estatísticas da versão Punbb


--> Tutoriais, dicas e astúcias <--
Estatísticas personalizadas



- Noção básica das páginas 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 >>

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb Painel13
[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 110111[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 398853 Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 110210[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 398853 Localização - São destinados os devidos locais para onde você aplicará os efeitos do
JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns.
Vamos ver algumas opções:
No índice : O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum.
[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 110310[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 398853 Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 110410[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 398853 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.


- Colocando código em funcionamento:
Para que o efeito funcione temos que adicionar um código em Jquery. Em 'investimento' na função do seu painel de controlo, marque a opção "No índice ". Logo após no campo Código JavaScript vamos colar o seguinte código:
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');
});
Aconselhamos que não altere nenhuma opção do código, lembrando-se que o mesmo é somente para versão Phpbb3.


- Inserindo o código CSS
Vamos criar o CSS para suportar as funções do código, vá até.

Painel de controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilos CSS

[TUTORIAL] Estatísticas de PHPBB3 no formato de Punbb 1114
E adicione o seguinte 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;
}






© Shiftactif & !Default


[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:
Estatísticas personalizadas
Engine404

Engine404
Colaborador Actif

Masculino
Idade : 31
PointActif's : 4712
ReputActifs : 30
Mensagens : 281
Inscrição : 09/04/2012

Localização : Meu IP
100%

http://bluebox.forumeiros.com/

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