sábado, 3 de octubre de 2009

Como quitar los Puntitos que aparecen al hacer clic en los Enlaces?

Si observamos los enlaces de muchos blogs y páginas web, al hacer clic sobre estos, aparecen rodeados de puntitos como por ejemplo el de las siguientes imágenes.

Ejemplo en enlace:

Enlace con bordes punteados

Ejemplo en títulos de post:

Titulo con bordes punteados


Esos bordes de puntitos se dan en distintos navegadores, como por ejemplo en Firefox e Internet Explorer, más específicamente a partir de la versión 8 (antes de esta versión no aparecía).

Particularmente no me agradan. Para sacarlos en Blogger (y seguramente en otras plataformas debería funcionar), una posibilidad es siguiendo estos pasos:

1 Antes que nada recomiendo hacer una Copia de seguridad de la Plantilla.

2 Luego, ir a la parte editadle de la plantilla. Para esto, en Blogger, ir a Diseño y luego Edición HTML.

3 En la parte de arriba donde aparece un sector como el siguiente:

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:none;
}
a img {
border-width:0;
}

agregar a su continuación el siguiente fragmento:


a {
outline:0;
}

Nos quedaría algo así:

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:none;
}
a img {
border-width:0;
}
a {
outline:0;
}

Guardamos y listo. Luego al hacer clic en los enlaces o títulos ya no deberían aparecer esos bordes de puntos en los enlaces.
.
Entradas relacionadas:

11 comentarios:

  1. Muy interesante este artículo/ayuda. no tengo problemas de este tipo en el blog. Pero seguro sera de gran ayuda para quienes lo tienen.

    ResponderEliminar
  2. Igual repito que esto se ve en Internet Explorer a partir de la versión 8 (es decir si se la instaló). De todas maneras no es un problema, simplemente que digamos que es una cuestión estética si queremos que aparezcan estos puntos o no.

    ResponderEliminar
  3. Muy útil, si señor. Muchas gracias.

    ResponderEliminar
  4. Me ha sido muy util y ha funcionado,gracias.

    ResponderEliminar
  5. Me alegro de que les haya servido :)

    ResponderEliminar
  6. gracias, me funciono perfectamente

    ResponderEliminar

Opina con libertad! Voy a tratar de que tu comentario aparezca en la entrada cuanto antes! Gracias!