Posteado por: francjp | marzo 11, 2008

Modifica el auto completado de la barra de direcciones de Firefox 3

Por Percy Cabello

Una de las quejas más comunes acerca del menú de auto completado de la barra de direcciones de Firefox 3, es que es muy larga debido al tamaño de las fuentes, que el título de la página centra más la atención comparado con la dirección web, o que la dirección web es muy difícil de leer.

Mientras que los colores y el tamaño de las fuentes todavía está bajo revisión, tu puedes modificarlo ahora mismo para ajustarlo a tu gusto. Solamente tienes que añadir este código a tu archivo userChrome.css:

.ac-comment {

font-size: 100%! important;

color: #444444 ! important;

}

.ac-comment[selected=”true”] { color: #FFFFFF !important; }

.ac-url-text {

font-size: 100% ! important;

color: #000077 ! important;

}

.ac-url-text[selected=”true”] { color: #FFFFFF !important; }

.ac-comment se refiere al estilo del título, el cual yo he cambiado para que sea del mismo tamaño que la dirección (100%) y un poco más grisáceo. ac-url-text se refiere a la dirección, la cual yo seleccioné de color azul.

Este sería el resultado:

Tweak Firerfox 3 location bar autocomplete menu

Puedes ir probando distintos tamaños de letras, proporciones y colores. Para saber algunos códigos de colores, entra en W3Schools.

También puedes reducir el número de sugerencias en el menú gracias a este truco.

Actualizado: Se puede añadir código CSS para cambiar el color del texto cuando se lo selecciona. Gracias David.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: