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!

Últimas Notícias

• "Internet é tudo no marketing promocional", diz Victor Oliva
• Elétricas poderão explorar banda larga
• Câmara vota hoje proposta contra pedofilia na internet

Parceiros

Últimos Artigos

• 2 Processos Básicos de Gerência de Projetos
• Marketing Multinível: Será que funciona?
• Web 2.0: O quê é isso?