#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}
#loading2 {
}</style>
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
<script>
// CARREGANDO //
function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();}func();}}}addLoadEvent(function(){document.getElementById("loading").style.display="none";});</script>
Visualize para saber se está como você quer e se estiver Salve.
Agora vamos modificar o Loading.
Caso você queira modificar a posição do loading observe essas linhas em vermelho:
#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}
left : Esquerda
1px: Largura da linha
Quer que fique o meio da página na horizontal?
Troque "left" por "center"
Quer que fique no meio da página na vertical?
Troque "1px" por "900px"
Quer que fique do lado direito da página?
Troque "left" por "right"
Caso você queira modificar a imagem do loading.
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>Troque "http://www.thematrixx.oi.com.br/lic/loading.gif" pela URL de sua imagem de preferência.
Caso queira trocar a Imagem Loading por palavras.
Troque a linha "Endereço url" pelas palavras de sua preferência.
Alguma questão perguntem que eu explico calmamente.
Subscrever:
Mensagens (Atom)