Help - Search - Member List - Calendar
Full Version: Propaganda Em Resolução Maior Que 800x600
Designers Fórum > Editores HTML > Dreamweaver
cirino
Um monte de site está usando o espaço em branco que sobra do lado direito do site para colocar propagandas, promoções, etc... mais só é visualizados em resolução maior do que 800x600....pra quem usa resolução 800x600 mostra apenas o site.

Alguem tem um tutorial de como fazer isso ?

um site que usa isso é o UOL
http://www.uol.com.br/
heitorado
manda algum site de exemplo?
quero ver isso mais detalhadamente.
amaciel
se nao me engano o www.uol.com.br ta fazendo isso Heitorado, mas até onde sei é so um java que pega a resolucao do usuario, se for maior que 80x600 exibi um div a mais.
Caso nao ache exatamente oq vc procura, tente pesquisar sobre como detectar a resolucao do usuario.
РŘ!ΜØ™
É simples. Basta colocar uma "div" antes da tag </body>, quase no final do seu código html:

CODE
<div id="lateral">
 Aqui a sua publicidade, banner, etc....
</div>


Daí o CSS para determinar a posição da "div" (edite conforme a sua necessidade de altura, largura e posição na tela):

CODE

<style type="text/css">
#lateral {
position:absolute;
width:120px;
height:600px;
z-index:1;
left: 779px;
top: 50px;
}
</style>


E o CSS para eliminar a barra de rolagem horizontal que apareceria caso a resolução fosse 800x600:

CODE

<style type="text/css" media="screen">
       html {overflow-x:hidden;}
</style>


Postei aqui exatamente como fiz no site www.brtutoriais.com. O UOL deixa a rolagem horizontal em 800x600px de resolução de video.
Abraço...
amaciel
Opa, brigado Primo!
nunca usei isso, mas é uma boa pedida. Vou testar!
Valeu
cirino
Obrigado...
vou fazer os testes também!!!!
РŘ!ΜØ™
Funciona perfeitamente no IE e no Firefox.
Infelizmente no Opera a rolagem horizontal não desaparece.
Desconheço se funciona no Safari ou em outros navegadores.
heitorado
Irado nunca havia visto o mundo deste jeito =D
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.