[Entregue]Duvida site

[yNinguem]

Como faço para colocar isso no começo do site ?

http://prntscr.com/cpwgfk

Ex: http://tympanus.net/Freebies/Cardio/

[yNinguem]

UP

[yNinguem]

up

[Nano]

Adicione os códigos abaixo antes da tag </body>

<div class="se-pre-con"></div>

<style>

/* Paste this css to your style sheet file or under head tag */

/* This only works with JavaScript, 

if it's not present, don't show loader */

.no-js #loader { display: none;  }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 9999;

	background: url(LINK-DO-GIF) center no-repeat #fff;

}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

<script>

//paste this code under the head tag or in a separate js file.

	// Wait for window load

	$(window).load(function() {

		// Animate loader off screen

		$(".se-pre-con").fadeOut("slow");;

	});

</script>

Substitua LINK-DO-GIF pelo link do seu gif.

Aqui tem 17 gifs diferentes pra você escolher. Clique com o botão direito na imagem e copiar endereço da imagem.

 

http://imgur.com/a/aydSa

 

 

 

Créditos - http://smallenvelop.com/display-loading-icon-page-loads-completely/

[yNinguem]

 

Adicione os códigos abaixo antes da tag </body>

<div class="se-pre-con"></div>
<style>
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(LINK-DO-GIF) center no-repeat #fff;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<script>
//paste this code under the head tag or in a separate js file.
	// Wait for window load
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").fadeOut("slow");;
	});
</script>

Substitua LINK-DO-GIF pelo link do seu gif.

Aqui tem 17 gifs diferentes pra você escolher. Clique com o botão direito na imagem e copiar endereço da imagem.

 

http://imgur.com/a/aydSa

 

 

 

Créditos - http://smallenvelop.com/display-loading-icon-page-loads-completely/

 

Como muda o time , o tempo que vai ficar essa img na pagina ?

[Nano]

Como muda o time , o tempo que vai ficar essa img na pagina ?

A imagem vai ficar durante o tempo de carregamento da página.

[yNinguem]

Resolvido 

[Guest born95]

 

 

 

Seu pedido foi marcado como [Entregue] e movido à área de pedidos entregues.

 

 

Atenciosamente,

Gamer's Board