Abrir formulario al pasar mouse

[anacona16]

Hola expertos de la web, quiero hacer algo como lo que hay aqui en FW, antes de iniciar session al pasar el mouse por "Iniciar Session" aparece el formulario para loguearse, quiero hacer eso mismo, pero no se como hacerlo, no se como se llama, no quiero que me hagan, solo que me den el nombre de como buscar lo que quiero hacer.

Gracias

[DrFaust]

Lo que estás buscando se llama "css dropdown menu".

¡Suerte!

[IsaBelM]

se trata únicamente de mostrar capas con la propiedad display. también puedes añadirle el efecto de transición con las propiedades css3 (-moz-transition-duration y -o-transition-duration). esa transición no resultará en ie8-

[anacona16]

Iniciado por DrFaust

Lo que estás buscando se llama "css dropdown menu".

¡Suerte!

Ya conozco estos menus pero sirve mas que todo para enlaces. Ahora estos enlaces van dentro de un:

Código HTML:

<ul>
<li></li>
</ul>
 

Dentro del <li></li> deberia ir todo el formulario que quiero que aparesca?

[DrFaust]

Iniciado por anacona16

Dentro del <li></li> deberia ir todo el formulario que quiero que aparesca?

Existen varias técnicas para hacer un dropdown menu en CSS. La que vos decís es una, y es perfectamente válida: poner todo el formulario en un <li>, y mostrarlo con ul:hover .item.

Otra técnica viable es crear un contenedor div con el botón arriba y el formulario abajo, y ocultar el formulario reduciendo el height del contenedor hasta que no se vea (y metiéndole un overflow:hidden). Entonces en el :hover aumentás el height para que muestre el formulario, y listo.

Acá tenés un ejemplo:
http://www.leandrobarone.com.ar/3976364.html

[anacona16]

Mas fácil de lo que me imagine, gracias por el ejemplo.

[IsaBelM]

Iniciado por DrFaust

Otra técnica viable es crear un contenedor div con el botón arriba y el formulario abajo, y ocultar el formulario reduciendo el height del contenedor hasta que no se vea (y metiéndole un overflow:hidden). Entonces en el :hover aumentás el height para que muestre el formulario, y listo.

Acá tenés un ejemplo:
http://www.leandrobarone.com.ar/3976364.html

ejemmmm

Iniciado por IsaBelM

se trata únicamente de mostrar capas con la propiedad display. también puedes añadirle el efecto de transición con las propiedades css3 (-moz-transition-duration y -o-transition-duration). esa transición no resultará en ie8-

[_cronos2]

Iniciado por IsaBelM

también puedes añadirle el efecto de transición con las propiedades css3 (-moz-transition-duration y -o-transition-duration).

¿Lo he soñado yo o en WebKit también existen las transiciones CSS?
Saludos (:

[IsaBelM]

Iniciado por _cronos2

¿Lo he soñado yo o en WebKit también existen las transiciones CSS?
Saludos (:

paso de chrome, safari y todo la pesca

[_cronos2]

Iniciado por IsaBelM

paso de chrome, safari y todo la pesca

¿Por? Chrome rulz! XD

[IsaBelM]

se me cayó el mito

[_cronos2]

Iniciado por IsaBelM

se me cayó el mito

Ups, ya no me acordaba De todas maneras, eso es problema de JS, el CSS de WebKit sigue pareciéndome el mejor XD
Saludos (:
PD: Al final tendremos que recuperar el viejo Netscape del baúl de los recuerdos XD