Estrellitas en los Enlances...

lunes, 13 de julio de 2009

Publicado por Nahiami

Un efecto muy lindo que hará que al pasar el puntero sobre los enlaces de tu blog, se vean unas estrellitas parpadeantes.

[1] Nos situamos en la parte de edición - HTML de nuestra plantilla, y buscamos esta parte del código de nuestros links:

a:link {
color:#0066cc;
text-decoration:none;}

a:visited {
color:#cc6600;
text-decoration:none;}

a:hover {
color:#cc6600;
text-decoration:underline;}


[2] Justo debajo de a:hover { añadimos este código:

background:url(http://img209.imageshack.us/img209/1033/sterl05nh5.gif);

Se ve en "vista previa" cuando ponemos el puntero sobre un link, lo que facilita el comprobar si lo hemos hecho correctamente, o si el resultado no nos agrada.Podemos usar otra imagen que no sean las estrellas del ejemplo, cambiando la url del código por la de la nueva imagen.