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

Ir para baixo

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

Mensagem por seender 28.01.13 22:15


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

Javascript


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


- 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 >>
[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) Painel13
[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) 110210Seta 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.
[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) 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 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
    [TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) Result31




© Fórum dos Fóruns


[TUTORIAL] Quem está conectado e Estatísticas em quadros (PhpBB3) Act_bottom 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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos