Ver Mensaje Individual
  #6 (permalink)  
Antiguo 10/02/2011, 12:07
Avatar de paxarin
paxarin
 
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: Ventanas laterales de Facebbok, twiter, etc.Ayuda?

Cita:
Iniciado por sanxuan Ver Mensaje
Mi idea es utilizar un CSS de este estilo:

#pestaña {
background: #59B7FF;
border: 1px solid blue;
color: #FFFFFF;
height: 160px;
position: fixed;
right: 0;
top: 168px;
width: 32px;
}
#pestaña:hover #ventana{
visibility:visible;
}
#ventana {
visibility:hidden;
position:absolute;
}
Junto a un HTML como el que sigue:
<div id="pestaña">
<div id="ventana"><iframe> ... </iframe></div>
</div>

Tendrías que añadir todas las propiedades que faltan. Creo que resulta más facil entender la idea sin añadir propiedades que distraigan. Igual con el HTML. Tendrás que hacer algunas pruebas, pero debería funcionar.
He optado por usar la pseudo-clase :hover por ser más simple, pero podría hacerse lo mismo con javascript si quieres que la capa se muestre al hacer click sobre la pestaña.
Muchas gracias de verdad, pero te podria hacer una ultima pregunta?
Se supone que entre los tag del iframe deberia ir el codigo que quieres que este en la ventana, no?
Un saludo
__________________
http://www.paxarindesign.es