Foros del Web » Creando para Internet » CSS »

Diferentes Hover

Estas en el tema de Diferentes Hover en el foro de CSS en Foros del Web. Buenas Tardes Amigos de FDW. No encontre informacion en el foro sobre mi pregunta, asi que la hago, no se enojen si ya la hicieron ...
  #1 (permalink)  
Antiguo 06/10/2009, 12:46
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Exclamación Diferentes Hover

Buenas Tardes Amigos de FDW.
No encontre informacion en el foro sobre mi pregunta, asi que la hago, no se enojen si ya la hicieron porfavor, soy nuevo :$.
Bueno me gustaria saber como puedo hacer diferentes hover, ya que solo lo se hacer con la herramienta de Dreamweaver, me gustaria saber un codigo o algo para poner mas de 3 hover en mi web, si no entienden pueden ver en el menu de este mismo foro cambia a naranjo cuando se pasa por encima con el mouse, o cuando esta blanco se subraya, como podria hacer eso? porfavor alguna ayuda plz.

de antemano muchas gracias.

ATTe Gidharvey
  #2 (permalink)  
Antiguo 06/10/2009, 12:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diferentes Hover

En tu css:
a {/*tus propiedades*/}
a:hover {/*las diferncias*/}
símplemente.

Un buen recurso para estas cuestiones básicas lo tienes en www.librosweb.es por ejemplo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 06/10/2009, 13:34
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Diferentes Hover

Muchas Gracias amigo, tu respuesta me aclaro un poco, pero como hago si quieres tener 3 colores de hover, como seria el css que tendria que crear? tendria que crear 3 codigos css para tener esos 3 colores de hover o solo basta con uno? es eso lo que no entiendo. de antemano muchas gracias.

seria asi?

rojo
a {/*tus propiedades*/}
a:hover {/*las diferncias*/}

verde
a {/*tus propiedades*/}
a:hover {/*las diferncias*/}

azul
a {/*tus propiedades*/}
a:hover {/*las diferncias*/}
  #4 (permalink)  
Antiguo 06/10/2009, 13:42
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Diferentes Hover

¿A qué te refieres exactamente con "3 hover"? ¿Y qué pretendes hacer con "rojo", "verde" y "azul"?

Ya que la pseudo-clase es una sola (:hover) que se activa cuando el puntero del mouse está encima del elemento.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 06/10/2009, 13:47
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diferentes Hover

Veo que no te has detenido en la página que te enlacé
"Introducción a CSS. Capítulo 7": http://www.librosweb.es/css/capitulo7.html
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 06/10/2009, 13:54
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Diferentes Hover

haber me explico a lo de rojo,verde y azul me refiero a los colores, como seria el codigo del hover para estos 3 colores, haber si me explico mejor con este ejemplo de esta pagina http://www.maxon.net/ hay ven en el navegador de la izquierda se ve el primer hover que seria subrayar el texto al pasar el puntero por encima, el segundo hover es de los titulos de las noticias, que cambia a un azul oscuro y el tercer hover que se encuentra en el footer que es de color blanco y cuando se pasa con el puntero por encima cambia a color negro sin subrayado, como puedo poner 3 estilos de hover en mi pagina web?
me abre explicado ahora :S, porfavor ayuda.

deantemano gracias.
  #7 (permalink)  
Antiguo 06/10/2009, 13:59
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Diferentes Hover

Si te fijas en el enlace que dejó kseso? (Hola) verás que puedes usar clases para diferenciar los elementos y aplicarles estilos diferentes:
Código HTML:
Ver original
  1. <a class="menu" href="#">Sección</a>
Código CSS:
Ver original
  1. a.menu:hover {
  2.     /* Estilos */
  3. }
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #8 (permalink)  
Antiguo 06/10/2009, 14:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diferentes Hover

¡ey! David, hola. ¡Cuánto tiempo!

Iba a recomendar el uso de firefox con firebug para ver el código html y css de esos enlaces. Pero con el caso hecho al enlace anterior...
Saludo Grande el David
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 06/10/2009, 14:09
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Diferentes Hover

Amigos, muchas gracias, ya lo entendi, no sabia eso de ponerles clases era eso lo que necesitaba saber, muchas gracias a los 2, saludos. tema entendido :D

buen staff.

ATTe Gidharvey
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 21:02.