Skip to content
Navegación
Increase font size Decrease font size Default font size
Estas aqui: Portada arrow tutoriales arrow CSS arrow Enlaces de colores degradables
Enlaces de colores degradables Imprimir E-Mail
Calificación usuario: / 0
MaloBueno 
martes, 01 de agosto de 2006

Enlaces de colores degradables 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
< Anterior   Siguiente >
Recibe en tu Email las Últimas noticias y artículos publicados en la web


** En la ventana nueva debes ingresar el número de verificación

Usuarios

Usuario

Contraseña

Recordarme
¿Recuperar contraseña?
¿Quiere registrarse? Hágalo aquí

Sindicación

Webs Amigas
Mucho Grafico
Recursos Gratuitos para Webmasters
Tutoriales y Foro de Diseño
Recursos Oracle
Infected FX