Template css de Joomla: el link

Dentro de las clases de nuestro archivo template css podemos presentar los links de tres maneras: link, visited y hover ateniendonos a su uso y presentacion grafica


 - link és el enlace hypertextual a una página que no se haya visitado
 - visited en cambio és el enlace a una página ya vista
 - hover és la presentación del link cuando se pasa el ratón por encima

En la pagina de ejemplo las instrucciones son éstas:

a:link {
color            : #97DF16;
font-size         : 13px;
text-decoration  : underline;
font-weight      : bold;
}
a:visited {
color            : #97DF16;
font-size         : 13px;
text-decoration  : none;
font-weight      : bold;
}
a:hover {
color            : #339966;
font-size         : 13px;
text-decoration  : none;
font-weight      : bold;
}

Como observareis, y para que se diferencien entre éllos, el link está subrayado y los otros dos no, mientras el link y el visited son en color verde claro y el hover en verde obscuro, veréis claramente las diferencias en la siguiente imagen


Donde el primero va a una página ya visitada, el segundo enlaza con una página que está por ver y el tercero estaba recibiendo la visita del ratón en el momento del pantallazo. Ya está, estas son las principales instrucciones Css de los links