Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ksn20

[Resolvido] Banner inicial

Recommended Posts

Olá,

estou precisando implementar um "banner", destes tipo do site do UOL, que abre ao acessar a home do site, que tem informações de publicidade e botão fechar. Só que ele além de abrir somente na home, deve abrir apenas uma vez, ou seja, na primeira vez que se acessa o site, para não ficar abrindo toda vez que se retorna a home. Dois exemplos, são o site da UOL e o site do BOL.

Fico no aguardo.

 

Keynis Sakamoto Nishio.

Compartilhar este post


Link para o post
Compartilhar em outros sites

<style>
div.banner {
  margin: 0;
  position: absolute;
  z-index:1000000;
  top: 100px;
  left: 100px;
}
div.img_banner {
  position: absolute;
  z-index:101;
  top: 0px;
  left: 0px;
}
div.fechar {
  position: absolute;
  z-index:102;
  top: 20px;
  left: 20px;
}

</style>
<script type="text/javascript">
	$(document).ready(function(){
    		$('#fechar').click(function () {
			$('#banner_flut').css('display','none' );
			});
		});
</script>

<div id="banner_flut" class="banner">
	<div class="img_banner"><img src="adm_img/banner.png" border="0"></div>
    <div id="fechar" class="fechar"><img src="adm_img/btfechar.png" border="0" /></div>
</div>

Eu uso esse...Usei Jquery.....tem q chamar a biblioteca....ok?

Nesse caso la nas classes você pode posicionar o banner onde você quer (em relacao a pagina) e o botao fechar(em relacao a propria imagem)....

 

Quanto a opcao de abrir uma vez só......qdo ele entrar...cria uma sessao......e coloca um IF nas divs do banner....caso exista a Sessao ele naum exiba...ok?

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ai Rodrigo, não tenho nem como agradecer a ajuda. Não encontrava de jeito nenhum, um script parecido. Valew mesmo. Até.

 

Keynis Sakamoto Nishio.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.