Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/03/2009, 05:51
Avatar de dART
dART
 
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 15 años, 3 meses
Puntos: 7
Respuesta: Colores y formato de los LINKS

Hola,

Tienes varias opciones. Una de ellas es definir estilos globales para los enlaces:

a:link{estilos de enlace}
a:visited{estilos de enlace visitado}
a:hover{estilos de enlace al pasar el ratón}

O bien, puedes definir un estilo de enlace para un estilo ya definido. Es decir, supongamos que tienes definido el estilo txt-pie-de-pagina:

Código css:
Ver original
  1. .txt-pie-de-pagina{font-size: 8pt; color:#0099CC;}

Ahora, lo que podemos hacer es lo siguiente:

Código css:
Ver original
  1. .txt-pie-de-pagina a:link, .txt-pie-de-pagina a:visited{font-size:8pt; color: #000000;} /*Esto hará que cualquier enlace dentro del estilo txt-pie-de-pagina tome esos valores que hemos definido anteriormente */
  2.  
  3. .txt-pie-de-pagina a:hover{color: #990000; text-decoration:underline;} /* Y ésto hará que al pasar el ratón sobre cualquier enlace dentro del estilo txt-pie-de-pagina se subraye y cambie al color rojo */


Código ejemplo de html + css enlaces:
Ver original
  1. <p class="txt-pie-de-pagina">
  2. Lorem ipsum dolor sit amet, <a href="#enlace">consectetur</a> adipiscing elit. Phasellus elementum felis vel turpis. Etiam rhoncus rhoncus elit. Proin ac mauris eget mauris blandit convallis.
  3. </p>


Espero me hayas entedido y te haya sido de ayuda mis ejemplos.