Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[TUTORIAL] Barra de progresso no carregamento das páginas
Página 1 de 1
[TUTORIAL] Barra de progresso no carregamento das páginas
Barra de progresso no carregamento das páginas |
Com base neste tutorial, podemos aplicar uma barra de progresso no carregamento das páginas que estão carregando. Assim mostrando também se a página foi carrega por completo ou não.
--> Tutoriais, dicas e astúcias <--
Barra de progresso no carregamento das páginas
Barra de progresso no carregamento das páginas
1º - Código a ser utilizado:
- Código:
$(document).ready(function(){
$.getScript("https://raw.github.com/HubSpot/pace/master/pace.js");
$( "<style>#fa_toolbar{z-index:9999;} .pace .pace-progress {background: #29d;position: fixed;z-index: 10000;top: 0;left: 0;height: 2px;-webkit-transition: width 1s;-moz-transition: width 1s;-o-transition: width 1s;transition: width 1s;} .pace-inactive {display: none;}</style>" ).appendTo( "head" )
});
2º - Aplicando código JS:
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 Em todas as páginas. |
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. |
© 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] Barra de progresso no carregamento das páginas |
Tópicos semelhantes
» [TUTORIAL] Função de carregamento em páginas
» Barra progresso de pagamento
» Barra de progresso automatica
» Personalizar barra de progresso
» [TUTORIAL] Salvamento de mensagens em progresso
» Barra progresso de pagamento
» Barra de progresso automatica
» Personalizar barra de progresso
» [TUTORIAL] Salvamento de mensagens em progresso
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos