Los puntos que rodean los enlaces en Firefox y sus hermanos

     Bien, si no nos gusta que firefox (o cualquiera que utilice su motor) envuelva en puntos los enlaces cuando pinchamos en ellos… (Ejemplo en la siguiente imagen:)

…sólo hay que poner about:config en la barra de direcciones y buscar browser.display.focus_ring_width para cambiarle el valor (pinchando dos veces en él) de 1 a 0. A partir de ese momento los enlaces no mostrarán la dichosa línea de puntos (o perderemos esta funcionalidad, según lo vea cada cual)

     Por otro lado, si sois diseñadores web (o hacéis páginas, que puede ser o no lo mismo :P) existe la posibilidad de que estos puntos no se vean en vuestras páginas, aunque quien vea la web no haya hecho el “truco” anterior (En caosmental.com hay un ejemplo de ello). En CSS tenemos outline: 0; o outline: none; (a gusto de cada cual) lo que logrará el efecto deseado. Para lograr lo mismo pero con JavaScript se utilizaría lo siguiente:

<head>
<script language=“JavaScript”>
function prende() {
anclas=document.getElementsByTagName(“a”).length;
for (i=0;i document.getElementsByTagName(“a”).item(i).onfocus=new Function(“if(this.blur)this.blur()”)
}
</script>
</head>

<body onLoad=”prende()”>

     Y eso es todo. Está bien si en las páginas damos prioridad al diseño sobre la usabilidad o si somos adictos al ratón, ya que perdemos la función de navegar entre los enlaces de la web mediante el teclado

Publicado con Flock


Sobre esta entrada