Foros del Web » Creando para Internet » CSS »

Ayuda con boton hover y texto

Estas en el tema de Ayuda con boton hover y texto en el foro de CSS en Foros del Web. Buenas a todos, Mi intención es tener un botón el cual es una imagen de fondo en gris. Y quiero que el hover, aparezca la ...
  #1 (permalink)  
Antiguo 11/02/2009, 02:38
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 10 años, 9 meses
Puntos: 20
Ayuda con boton hover y texto

Buenas a todos,

Mi intención es tener un botón el cual es una imagen de fondo en gris.

Y quiero que el hover, aparezca la imagen en otro color (hasta ahí bien)

Pero ademas quiero de debajo de la imagen aparezca un texto descriptivo del botón, pero que solo aparezca cuando el cursor se pasa por encima del botón.

Se me ocurre una forma pero creo que debe haber otra mejor (la que se me ocurre es tener dos imagenes una para el boton en gris y otra para el boton en color con su texto debajo). El problema de esta forma es que el texto de debajo es tb una imagen.

Me gustaría saber si existe alguna manera con css de hacer que cuando estes encima del boton apareciese un texto debajo sin que fuese una imagen.

Es factible?

Muchas gracias!
  #2 (permalink)  
Antiguo 11/02/2009, 11:32
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Ayuda con boton hover y texto

Saludos neodani!!

Claro que puede hacerse! visita araudi.net y mira el ejemplo que está en la web, adaptalo a tu necesidad y listo!

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 12/02/2009, 02:30
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 10 años, 9 meses
Puntos: 20
Respuesta: Ayuda con boton hover y texto

Cita:
Iniciado por CaLiZzZ Ver Mensaje
Saludos neodani!!

Claro que puede hacerse! visita araudi.net y mira el ejemplo que está en la web, adaptalo a tu necesidad y listo!

Hasta Luego!!
Gracias CaLiZzZ, lo conseguí a partir del ejemplo
  #4 (permalink)  
Antiguo 12/02/2009, 10:54
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Ayuda con boton hover y texto

Que bien que te sirvio neodani!!

Si tienes algun otro problema, ya sabes donde nos puedes contactar eh!

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 08:20.