Free Web Hosting by Netfirms
Web Hosting by Netfirms | Free Domain Names by Netfirms

   
 
Código HTML

Lección 2:

Cambiar el color de los enlaces al pasar el ratón por sobre ellos

Para lograr atractivos efectos en los enlaces al pasar el ratón por encima de los mismos, recurriremos al código HTML, y activaremos el comando "Style".

Es muy fácil, y con solo esta declaración, lograremos que el efecto actúe sobre todos los enlaces que hemos declarado en la página.

Veremos esto en el caso explicado donde el enlace se subraya cuando se pasa por sobre él el ratón, explicaremos a partir de allí, como cambiarles el color.

El código para ello, dijimos en la lección 1 que es el siguiente:

<STYLE TYPE="text/css">
<!--
A:link, A:visited { color:#000000; text-decoration: none }
A:hover, A:active { color:#000000; text-decoration: underline }
-->
</STYLE>

Apreciamos que está escrito "A: link, A:Visited", y luego dice "color:#000000".

"A: link, A:Visited" indica el estado del enlace cuando está pasivo, es decir, todo el tiempo que no se pase el ratón por sobre él. Por lo tanto el color que le asignes será el que tendrá en esas condiciones. Para ello le cambias el valor #000000 por otro que sea de tu agrado y listo. 

Para saber que código corresponde a cada color, consulta esta tabla: "Click para ver tabla"    

Luego, en la línea de abajo de nuestro código, apreciamos que dice "A:hover, A:Active", esa es la posición del enlace cuando pasa por sobre él el ratón, le puedes cambiar el código del color según te agrade, y ese será el efecto del enlace cuando el ratón pase por sobre él.

Buena suerte.