Small Cute Bright Pink Pointer
Image Map

[Tutorial] Como ponerle sombra a los enlaces

Autor: daniela | lunes, 20 de febrero de 2012



Como ven, los links de mi site tienen sombra. No es una propiedad común en los sitios. Pero le da un toque profesional. Debes usar el firefox para poder hacerlo.

[PRIMER PASO] Seleccionamos la plantilla que preferamos en edicion de plantillas.
[Segundo paso] Vamos a EDICION DE HTML.
[Tercer paso] Apretamos CTRL+F y en el cuadrito que se nos aparece, escribimos a:link {
[Cuarto paso] Reemplazamos con un código , el cual es:

a:link {
color: #FFFFFF;
text-decoration: none;
text-shadow: 0px 0px 2px #000000;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
color: #000000;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
color: #000000;
text-shadow: 0px 0px 10px #000000;
cursor: help;
}


Ten en cuenta que A: LINK significa el link sin haberle pasado el mouse, deberemos cambiar abajo, donde dice #FFFFFF . Eso, significa el color del link normal. Veremos que, mas abajo, aparece text-shadow: 0px 0px 2px #000000; esa es la sombra del texto. En donde dice #000000 significa el color de la sombra del texto,eso puedes cambiarlo. El 2px significa cuan DIFULMINADO está el color de sombra. Si el numero es mayor, más difulminado se verá-

a:visited { significa el link ya visitado.
a:hover { significa como se verá el link cuando se le pasa el mouse encima.

SI TIENEN ALGUNA DUDA, PUEDEN COMENTARLA

Etiquetas: ,

Publicar un comentario