|
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.
|