Personalizar enlaces de blogger

Los enlaces en las plantillas tradicionales y plantillas con diseñador suelen venir por defecto con tres características, una el color del enlace en sí, dos el color o el efecto hover del enlace que en la mayoría de los casos es un efecto subrayado, y la tercera es el color de un enlace visitado.
Bien vamos a tratar de cambiar esas cosas, el subrayado en los enlaces pienso que no debe usarse más, cada quien lo puede ver a su gusto claro está.
Para modificarlo vamos a hacer unos simples pasos.
Vamos a plantilla, presiona control F, y ubicamos estas 3 líneas que abarcan las tres características que nombramos.
a:link {
 Enlaces de blogger

Sustituimos esas tres líneas por lo siguiente:
a:link {
font-weight:bold;
text-decoration:none;
color: #2f84dc;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
a:visited {
text-decoration:none;
color: #2f84dc;
font-weight:bold;
}
a:hover {
font-weight:bold;
color: #043f55;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Esto lo que hace es primero eliminamos el subrayado, los enlaces quedan con un grosor diferente al reto de los textos, eliminamos el color del enlace visitado ya que no tiene mucho sentido que un enlace tenga tres colores, y por ultimo un efecto lento de cambio de colores.
Donde dice color:#aquí va el color de su preferencia; si lo modificamos debemos colocar el mismo valor en la primera y segunda etiqueta ya que son el enlace en sí, y el enlace visitado, la tercera es el enlace al pasar el cursor, es donde va el valor diferente.
Estas cosas son muy básicas, pero hacen la diferencia.

No hay comentarios:

Publicar un comentario