Foros del Web » Creando para Internet » Herramientas y Software »

como haver este texto html

Estas en el tema de como haver este texto html en el foro de Herramientas y Software en Foros del Web. como puedo conseguir este efecto al hacer onmouseover como en el texto html de esta web? http://www.fontkitchen.com/ gracias...
  #1 (permalink)  
Antiguo 20/09/2004, 05:02
 
Fecha de Ingreso: octubre-2003
Ubicación: Vlc
Mensajes: 38
Antigüedad: 20 años, 6 meses
Puntos: 0
como haver este texto html

como puedo conseguir este efecto al hacer onmouseover como en el texto html de esta web?
http://www.fontkitchen.com/


gracias
  #2 (permalink)  
Antiguo 20/09/2004, 12:52
Avatar de Aurora  
Fecha de Ingreso: septiembre-2003
Mensajes: 272
Antigüedad: 20 años, 8 meses
Puntos: 0
Hola,

¿A qué efecto te refieres? ¿A que el fondo del texto cambia a azul?

Si es eso, está hecho con css. Si vas al código fuente, verás que al principio de la página han definido una serie de estilos, entre ellos los de los links, en este caso han puesto:

Código:
<style type="text/css"><!--
body { color:#666666;font-family:verdana;font-size:10px;font-weight: normal}
td { color:#666666;font-family:verdana;font-size:10px;line-height: 16px;font-weight: normal}
a {font-family:verdana;font-size:10px;font-weight: normal; text-decoration: none;}
a:link {color:#3399ff;}
a:visited {color:#3399ff;}
a:active {color:#3399ff;}
a:hover {color:#ffffff; BACKGROUND-COLOR: #3399ff;}
--></style>
... donde lo que está marcado en rojo es lo que hace que el link se vuelva azul al pasar el ratón por encima.

(aunque creo que a:hover debe escribirse antes que a:active)

Espero que te sirva.

Saludos,
Aurora
  #3 (permalink)  
Antiguo 20/09/2004, 20:08
Avatar de Klon22
Colaborador
 
Fecha de Ingreso: septiembre-2004
Ubicación: México DF- La Cd + Poblad
Mensajes: 2.052
Antigüedad: 19 años, 7 meses
Puntos: 5
Excelente explicacion Aurora, a mi también me sirvió. Reconozco y agradezco tu aportación. Bye
  #4 (permalink)  
Antiguo 21/09/2004, 12:07
Avatar de Aurora  
Fecha de Ingreso: septiembre-2003
Mensajes: 272
Antigüedad: 20 años, 8 meses
Puntos: 0
De nada , gracias a ti por hacerme saber que te sirvió.....
  #5 (permalink)  
Antiguo 22/09/2004, 08:30
Avatar de Hildergarn  
Fecha de Ingreso: agosto-2004
Ubicación: Panamá
Mensajes: 442
Antigüedad: 19 años, 8 meses
Puntos: 4
Saludos. Ese codigo de aurora me funciono y es lo que busco, pero como le hago para guardarlo en un archivo *.css

disculpen mi ignorancia ante todo
__________________
Visita Viajés y Cosas Así
  #6 (permalink)  
Antiguo 22/09/2004, 11:37
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola Hildergarn.

Tienes que poner el código de Aurora sin la primera y última línea y lo guardas con la extensión .css Para usarlo en tu página, pon esto entre las etiquetas <head>

<link rel="stylesheet" href="nombre.css" type="text/css">

Saludos,
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 02:09.