Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/07/2010, 22:19
Avatar de Zuker
Zuker
 
Fecha de Ingreso: marzo-2007
Ubicación: Argentina
Mensajes: 164
Antigüedad: 17 años, 8 meses
Puntos: 1
Como hacer este tipo de anuncios

Buenas!

Estoy intentando armar un estilo de anuncios como los que se ven aca

http://www.psicofxp.com/



Que cuando pasas por encima se abre por sobre el sitio, tapando contenido sin desplazar el esquema para abajo.

Yo intente hacer

Código CSS:
Ver original
  1. .push_940_300_cont {
  2.     background:#FFF;
  3.     padding-top:10px;
  4.     padding-left:12px;
  5.     padding-right:10px;
  6.     width:938px;
  7.     height:50px;
  8. }
  9. .push_940_300 {
  10.     position:absolute;
  11.     height:50px;
  12.     overflow:hidden;
  13.     visibility:visible;
  14.     z-index:0;
  15. }
  16. .push_940_300:hover {
  17.     height:300px;
  18.     z-index:999;
  19. }

Código HTML:
Ver original
  1. <div class="push_940_300_cont">
  2.     <div class="push_940_300">
  3.         Codigo del anuncio
  4.     </div>
  5. </div>

Pero no logro que funcione del todo bien.

Hay alguna forma de hacerlo con jquery sencillo y bonito? Desconozco realmente

Gracias

Saludos!