Tutorial: Link Effects  

Tutorial ©TiSTi (2002, 2003) hecho para uso personal. Queda completamente prohíbido reproducirlo total o parcialmente.
Tutorial ©TiSTi (2002, 2003) for personal use. Do not reproduce it..

Para hacer uso de cualquiera de estos códigos partimos de la base de que, entre <head> y </head> cuentas con la siguiente etiqueta:
To use anyone of those codes you have to put between <head> and </head> the following code:


  <STYLE type="text/css">
A:link { color:#COLOR; text-decoration:none; }
A:visited { color:#COLOR; text-decoration:none; }
A:active { color:#COLOR; text-decoration:none; }
A:hover { color:#COLOR; text-decoration:none; }
</STYLE>
Lo que deberás hacer entonces es cambiar lo que está en negrita por los siguientes códigos, según quieras un efecto u otro.
What you will have to do is to change the bold letter into the following codes, depending of the effect you one to use..

Y Buttom effect.
Y Change to CAPS.
Y Background Image.
Y Fliph (voltear el link).
Y Blur.
Y Bottom & Top Border.


Este efecto ofrece múltiples posibilidades, como cambiar el color de la línea superior, el de la letra y el de la línea inferior (cada una de un color, las líneas de un color y la letra de otro, todo igual...), dejar sólo la línea superior o la inferior, que la línea no sea discontinua sino continua (empleando, en lugar de DOTTED, el resto de opciones: SOLID, DASHED o DOUBLE), que el grosor de las líneas varíe (en lugar de 1px, pon, por ejemplo, 2px)...
This effect offers lots of posibilities, like to change the po line's colour, the letter's colour and the bottom line's colour, to change the style of the borders (using, instead of DOTTED, the other options: SOLID, DASHED or DOUBLE)...