[TUTORIAL] Carregamento de página simples com HTML
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Carregamento de página simples com HTML
Carregamento com HTML e Script |
Conhecemos o carregamento em páginas com fundo escuro postado no suporte oficial do Forumeiros, mas algumas vezes optar por algo simples e ao mesmo tempo quase que não notável é o objetivo de alguns administradores.
--> Tutoriais <--
Carregamento de página simples com HTML
Carregamento de página simples com HTML
1º - Widgets personalizados:
Vamos acessar os widgets personalizados e aplicar o código HTML e um pequeno script que fará com que o efeito esteja funcionando após a aplicação do código HTML.
Painel de controle > Módulos > Portal e Widgets > Gestão dos widgets personalizados >
- Código:
<script type="text/javascript">window.onload=function(){setTimeout(function(){document.getElementById('carregando').style.display='none'},10)}</script><div id="carregando" style="position: fixed;width: 100%;top:230px;left:0;z-index: 9999;"><div style="#DCE2E8 background:url(http://svphuyen.com/2012win7/w7/mm.png);margin: 0px auto;width: 270px;height: 75px;border:1px solid #ccc"><div style="background:#fff url() no-repeat 50% bottom;text-align:center;padding-top:39px;border:1px solid #ccc;margin:7px 5px"><img src="http://i12.servimg.com/u/f12/16/63/75/54/loadin10.gif" width="190" aling="center"/><p style="font:12px Tahoma; font-weight:bold;border:solid transparent">O fórum está carregando. Aguarde...</p></div></div></div>
2º - jQuery para páginas .JS:
Para quem preferir o JavaScript para todas as páginas, acesse PA > Módulos > HTML e JavaScript > Gestão dos códigos Javascript > Criar um novo Javascript > e em Investimento marque a opção desejada, adicionando o seguinte jQuery:
- Código:
jQuery(document).ready(function(){jQuery('body').before('<div id="carregando" style="position: fixed;width: 100%;top:230px;left:0;z-index: 9999;"><div style="#DCE2E8 background:url(http://svphuyen.com/2012win7/w7/mm.png);margin: 0px auto;width: 270px;height: 75px;border:1px solid #ccc"><div style="background:#fff url() no-repeat 50% bottom;text-align:center;padding-top:39px;border:1px solid #ccc;margin:7px 5px"><img src="http://i12.servimg.com/u/f12/16/63/75/54/loadin10.gif" width="190" aling="center"/><p style="font:12px Tahoma; font-weight:bold;border:solid transparent">O fórum está carregando. Aguarde...</p></div></div></div>')});
- Código:
<script type="text/javascript">window.onload=function(){setTimeout(function(){document.getElementById('carregando').style.display='none'},10)}</script>
- Posso personalizar o código?
Claro! Há trechos no código que merecem sua atenção, principalmente no HTML. No Javascript você pode realizar a mesma modificação! - Resultado:
© ShiftActif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Carregamento de página simples com HTML |
Tópicos semelhantes
» [TUTORIAL] Computar tempo de carregamento de página
» [TUTORIAL] Estrutura de uma página HTML
» [TUTORIAL] Variáveis em página HTML personalizada
» [TUTORIAL] Login e senha para ver página HTML
» [TUTORIAL] Script de carregamento no ChatBox
» [TUTORIAL] Estrutura de uma página HTML
» [TUTORIAL] Variáveis em página HTML personalizada
» [TUTORIAL] Login e senha para ver página HTML
» [TUTORIAL] Script de carregamento no ChatBox
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|