Css - Enlaces de colores degradables
Códigos Css
Muestra enlaces con distintos colores y modificar segun el raton este encima, pulsando o bien el enlace esté activo.
Tutores.org
Mostrando Codigo - Css
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
/* Codigo ofrecido por Tutores.org */
- <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>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Enlaces de colores degradables" href="http://www.tutores.org/codigo/679/" target="_blank">Enlaces de colores degradables</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Enlaces de colores degradables" href="http://www.tutores.org/codigo/679/" target="_blank">Enlaces de colores degradables</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS