PERSONALIZAR ENLACES

Los enlaces o links en una web o un blog es muy importante que estén bien definidos ya que de esta forma los visitantes podrán ir navegando de una forma cómoda por vuestro espacio. Es posible personalizarlos y tendréis que adaptarlos a vuestro sitio de forma que queden bien definidos, es decir resalten sobre el resto de textos. Para ello vamos a explicar de una forma muy sencilla como hacerlo. Para los que utilicen blogger como platforma deberán acceder al código de su plantilla en Diseño->Edición de HTML.

Existen 3 posibles estados de un enlace que son los siguientes:

a:link { } -> Estilo del Enlace.
a:hover { }-> Estilo del Enlace cuando pasamos el Mouse sobre el.
a:visited { }-> Estilo del Enlace cuando ya fue visitado.

Teniendo esto en cuenta podremos personalizar cada uno de los estados con los siguientes atributos.

color:#RRGGBB;
Podéis consultar los posibles colores aqui.

text-decoration:valor;
Posibles valores:
none - no tiene ningún estilo.
underline - el texto aparecera subrayado.
line-trough - el texto aparecera tachado.
overline - el texto aparecera con una raya en la parte superior.

font-family:valor;
El Valor es definido por el nombre de la letra, ejemplo "verdana","tahoma", etc.

font-size:12px;
El valor numérico representa el tamaño de la letra.

font-weight:valor;
Dos valores, "bold" para Negritas y "Normal".

Un ejemplo de la estructura del código es la siguiente:

a:link {
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:10px;
font-weight:bold;
}

a:hover {
color:#CD4B4B;
text-decoration:underline;
}
Espero que os sea de utilidad, ya me contaréis como vais personalizando vuestros enlaces ;)