Concorra ao sorteio do livro Decisões com B.I. escrito pelo nosso colunista Fábio Primak. Clique aqui para participar.
Estaremos falando sobre algo que está sendo muito utilizado, os anúncios que são exibidos apenas se o usuário tiver uma determinada resolução.
Saudaçõs pessoal! Estamos aqui mais uma vez, hoje estaremos falando sobre algo que está sendo muito utilizado, os anúncios que são exibidos apenas se o usuário tiver uma determinada resolução.
Exemplo? No próprio WebLivre temos isso. Se você entrar com uma resolução acima ou igual a 1024x768 verá um anúncio à direita do site, mas se acessar o site com uma resolução abaixo de 1024x768 não irá vê-lo.
Isso está sendo muito utilizado, para você ter uma idéia até UOL, Terra e outros grandes portais adotaram esse novo método de divulgação.
Mas chega de falar, vamos à prática!
Para que a “mágica” seja feita iremos utilizar o básico de Java Script e Folha de estilo (CSS).
A teoria é fácil:
Se a resolução for menor ou igual a X exibe caso contrário não exibe.
Vamos ao código, e explico logo a seguir:
<script language="javascript">
if( screen.width > 800 ) {
document.write('<div style="position:absolute; width:120px; height:6 0px; overflow:hidden; left:785px; top:5px;">');
}else{
document.write('<div style="display:none;">');
}
</script>
Aqui vai o texto ou então código do anúncio
</div>
Explicando:
Estamos utilizando a função screen.width para capturar a resolução do usuário; com a condicional IF (Se) verificamos se a largura (width) da resolução é maior que 800 se for então o anúncio será exibido. O anúncio ficará dentro de uma camada (div) e as suas propriedades serão formatadas utilizando Folha de estilo. As propriedades acima mostrarão o anúncio ao lado da página (sendo que a página tenha 780 pixels de largura). Porém se a largura da resolução for menor ou igual a 800 o anuncio não será exibido, pois está utilizando a propriedade display:none que é utilizada para ocultar o objeto.
Por hoje é isso, até mais pessoal!
Autor: Filipe - WebLivre
Compartilhe:
Edison em 29/08/2006
Amei sua explicação e matéria estará sendo utilizada em breve...
Abraços
Aroldo Sanches em 05/07/2006
Como sempre vc dando show Filipe, parabens pela materia!
dasasdasd em 11/03/2006
congratulations...
2004-2008 Weblivre.net Todos os direitos reservados.
Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco
Idealização: Webla - Comunicação Digital