Es un Truquito muyyyy bello...y hace que tus enlaces sean más graciosos...
-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 el siguiente código:
background:url(http://img209.imageshack.us/img209/1033/sterl05nh5.gif);
Para ver como queda, puedes hacerlo en Vista Previa.. Si te gustaria otra imagen que no sean las estrellitas puedes cambias la url... por la url de tu imagen preferida y listo...
-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 el siguiente código:
background:url(http://img209.imageshack.us/img209/1033/sterl05nh5.gif);
Para ver como queda, puedes hacerlo en Vista Previa.. Si te gustaria otra imagen que no sean las estrellitas puedes cambias la url... por la url de tu imagen preferida y listo...
0 comentarios:
Publicar un comentario