Como hago para que cuando alguien pase el mouse por un link haga algun efecto?¿...

[Dogui15]

Luego de postear en el sub-foro de (x)HTML este mensaje:

Bueno, lo que pregunto es muy simple, y creo que la mayoria lo debe de saber.
Por ejemplo si tengo un Link: Imagenes (hagan de cuenta que es un link) y alguien le pasa el mouse por arriba se cambie por esto: Imagenes o sino que este sin subrayado y cuando le paso el mouse por arriba se le ponga el subrayado, etc, etc.
Como hago?(en esta web por ejemplo hay creo q en todos los links un efecto de estos...)
Desde ya Gracias.

Alguien me contesto que es con CSS, busque en Internet pero los tutoriales y paginas en las que busque no dicen nada de lo que busco, sino que hablan de otras acciones con CSS...
Como puedo hacer esos "efectos" en el texto cuando se le pasa el mouse por arriba?¿

[Chriss]

Hola si quieres que un link se ponga subrayado debes de poner:

text-decoration:underline;

y si quieres que este sin el debes de poner:

text-decoration:none;

Con este código el link es gris oscuro y sin subrayar, cuando ya lo has visitado se pone en gris clarito y sin subrayar, cuando estas encima le sale un subrayado y se pone todo en rosa y cuando lo cliqueas se le pone un fondo verde y la letra en blanco sin subrayar.

Código HTML:

A:link {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR:#666666; 
	TEXT-DECORATION: none
}

A:hover { 
	COLOR: #FF00FF;
	TEXT-DECORATION:underline;
}

A:active {
	BACKGROUND: #cf0; 
	COLOR: #fff
}

[Dogui15]

Gracias, pero cuando lo pego no me lo toma como HTML y me lo toma como texto... Que puedo hacer?¿

PD: no soy bueno con el codigo CSS

[Dogui15]

aaa y me olvidaba, tambien justo encontre un codigo parecido y tampoco me lo toma, mira es asi:

Código HTML:

<style type="text/css"> 
a:link {text-decoration:none} 
a:visited {text-decoration:none} 
a:hover{text-decoration:none} 
a:active{text-decoration:none} 
</style> 

Habra algun error?¿...
Bueno espeo q me ayuden, Salu2

[feel_the_skin]

lo toma como texto porque no pusiste <style type="text/css"> y </style>

Código HTML:

<style type="text/css"> 
A:link {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR:#666666; 
	TEXT-DECORATION: none
}

A:hover { 
	COLOR: #FF00FF;
	TEXT-DECORATION:underline;
}

A:active {
	BACKGROUND: #cf0; 
	COLOR: #fff
}
</style> 

te recomiendo usar una hoja de estilos aparte.. ejemplo.css donde puedes poner todos tus estilos y no te confundes cuando depuras HTML.. en hover.. text-decoration: lo puedes poner algo así (solo es una idea):


a:hover
{
color: #FF00FF;
font-weight: bold;
font-family: verdana;
text-decoration:underline overline;
left:1px;
position:relative;
top:1px
}

y ve el efecto.. con esto se mueve 1px. el link hacia la izquierda.. cosa que puedes modificar..

[Dogui15]

Ok muchas gracias.

[iconogt]

Hola, y si quieres que ciertos links de tu página tengan otro estilo (color,tamaño,tipo de letra, etc.) diferente al que tienen todos lo demás, tienes que hacer lo siguiente:

Código:

A.otroestilo:link {/*le dices todo lo que quieres que tenga, igual con todos lo de abajo.*/
     }

A.otroestilo:active { 
     }

A.otroestilo:visited {
     }

A.otroestilo:hover {
     }

Luego aplicas la clase y listo, ejemplo:

<a href="algunsitio.html" class="otroestilo">V&iacute;nculo diferente</a>

Suerte...