|
Muestra enlaces con distintos colores y modificar segun el raton este encima, pulsando o bien el enlace esté activo.
Explicacion:
Para la modificacion solamente debemos modificar los colores. Para agregar a otros enlaces simplemente debemos añadir: a class="color_a_color" href"enlace ...
Codigo:
<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>
<head>
<style>
A.naranja_a_verde:link { color:rgb(255,128,0); text-decoration:underline; }
A.naranja_a_verde:visited { color:rgb(255,128,0); text-decoration:underline; }
A.naranja_a_verde:active { color:rgb(255,128,0); text-decoration:underline; }
A.naranja_a_verde:hover { color:rgb(0,255,0); text-decoration:underline; }
A.rojo_a_rosado:link { color:rgb(255,0,0); text-decoration:underline; }
A.rojo_a_rosado:visited { color:rgb(255,0,0); text-decoration:underline; }
A.rojo_a_rosado:active { color:rgb(255,0,0); text-decoration:underline; }
A.rojo_a_rosado:hover { color:rgb(255,0,255); text-decoration:underline; }
A.amarillo_a_celeste:link { color:rgb(255,255,0); text-decoration:underline; }
A.amarillo_a_celeste:visited { color:rgb(255,255,0); text-decoration:underline; }
A.amarillo_a_celeste:active { color:rgb(255,255,0); text-decoration:underline; }
A.amarillo_a_celeste:hover { color:rgb(0,255,255); text-decoration:underline; }
</style>
</head>
<!-- modificar # por el enlace que quieras -->
<a href="#">Enlace Normal sin efecto</a><br><br>
<a class="naranja_a_verde" href="#">Enlace 1 - Naranja a Verde</a><br>
<a class="rojo_a_rosado" href="#">Enlace 2 - Rojo a Rosado</a><br>
<a class="amarillo_a_celeste" href="#">Enlace 3 - Amarillo a Celeste</a><br>
Fuente: tutores.org |