Foros del Web » Creando para Internet » CSS »

Abrir formulario al pasar mouse

Estas en el tema de Abrir formulario al pasar mouse en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/09/2011, 07:11
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 9 meses
Puntos: 52
Abrir formulario al pasar mouse

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
__________________
Aprendiendo!!!
  #2 (permalink)  
Antiguo 02/09/2011, 07:19
Avatar de DrFaust  
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 13 años, 3 meses
Puntos: 87
Respuesta: Abrir formulario al pasar mouse

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

¡Suerte!
  #3 (permalink)  
Antiguo 02/09/2011, 07:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Abrir formulario al pasar mouse

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-
  #4 (permalink)  
Antiguo 02/09/2011, 08:14
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 9 meses
Puntos: 52
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por DrFaust Ver Mensaje
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:
Ver original
  1. <ul>
  2. <li></li>
  3. </ul>

Dentro del <li></li> deberia ir todo el formulario que quiero que aparesca?
__________________
Aprendiendo!!!
  #5 (permalink)  
Antiguo 02/09/2011, 08:25
Avatar de DrFaust  
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 13 años, 3 meses
Puntos: 87
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por anacona16 Ver Mensaje
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

Última edición por DrFaust; 02/09/2011 a las 08:35
  #6 (permalink)  
Antiguo 02/09/2011, 08:40
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 9 meses
Puntos: 52
Respuesta: Abrir formulario al pasar mouse

Mas fácil de lo que me imagine, gracias por el ejemplo.
__________________
Aprendiendo!!!
  #7 (permalink)  
Antiguo 02/09/2011, 13:39
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por DrFaust Ver Mensaje
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

Cita:
Iniciado por IsaBelM Ver Mensaje
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-
  #8 (permalink)  
Antiguo 02/09/2011, 16:49
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Abrir formulario al pasar mouse

Cita:
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 (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #9 (permalink)  
Antiguo 02/09/2011, 17:20
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por _cronos2 Ver Mensaje
¿Lo he soñado yo o en WebKit también existen las transiciones CSS?
Saludos (:
paso de chrome, safari y todo la pesca
  #10 (permalink)  
Antiguo 02/09/2011, 18:06
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por IsaBelM
paso de chrome, safari y todo la pesca
¿Por? Chrome rulz! XD
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #11 (permalink)  
Antiguo 02/09/2011, 18:19
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Abrir formulario al pasar mouse

se me cayó el mito
  #12 (permalink)  
Antiguo 02/09/2011, 18:29
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Abrir formulario al pasar mouse

Cita:
Iniciado por IsaBelM
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
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: mouse, pasar, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:33.