Ahora que acaba de aparecer la última versión preliminar de Firefox 3, la beta 5, es buen momento para aprender a personalizar nuestro navegador. Eric Wendelin publicó hace algunos días este interesante post con algunos ajustes que se pueden hacer a Firefox 3 manipulando el archivo userChrome.css, ajustes que no conseguirás en la lista que ha publicado Mozilla (y que también te será útil, claro).
¿No estás familiarizado con la manipulación del userChrome.css? Una buena noticia para ti: hacerlo es sumamente sencillo: puedes usar el camino rápido, instalar la extensión ChromEdit Plus o, si eres valeroso y prefieres usar el otro camino, te bastará con entrar a la carpeta del perfil, localizar allí la carpeta chrome, hacer una copia del archivo userChrome-example.css y renombrarla como userChrome.css. Luego puedes abrir este archivo usando un editor común como el Notepad. Si no sabes cómo llegar a la carpeta del perfil, revisa este artículo de la documentación de Mozilla Hispano.
Ahora sí. Vamos a los ajustes. Para que funcionen, al pegarlos en tu userChrome.css debes verificar que no haya espacio alguno al final de cada línea (al menos en Windows, el portapapeles agrega un espacio).
1. El tamaño sí importa
La nueva lista de autocompletar de Firefox 3, como quizás ya sabes, es una versión con esteroides de las listas anteriores. Pero dependiendo de tus gustos te puede parecer que se extiende mucho o muy poco, así que ¿por qué no darle un tamaño máximo especificado por ti? El código sirve para ajustar la altura máxima a 100 pixeles, pero por supuesto puedes asignarle otro valor si así lo deseas.
/* Ajusta la altura de la lista de autocompletar (en la barra de direcciones) */
#PopupAutoCompleteRichResult {
max-height: 100px !important;
}
2. Menos es más
Si algo bueno tiene Firefox es que sus posibilidades de personalización nos permiten sacar de la manga el máximo espacio posible de trabajo. Este ajuste te dará 4 píxeles más al eliminar el espacio entre las barras de direcciones y de búsqueda.
/* Elimina la separación entre la barra de direcciones y la barra de búsqueda */
#urlbar-search-splitter {
display: none !important;
}
3. ¡No quiero este menú!
Si es posible agregar un marcador con la combinación de teclas Ctrl+D, marcar todas las pestañas abiertas con Ctrl+May+D y abrir los marcadores en el panel lateral con Ctrl+B, ¿entonces para qué quiero el menú Marcadores? Este ajuste permite ocultarlo. Un tip: si cambias “bookmarks” por “help” puedes ocultar también el menú Ayuda.
/* Oculta el menú Marcadores */
#bookmarksMenu {
display: none !important;
}
4. Estrella estrellada
Ya lo vimos en el ajuste anterior: la combinación de teclas Ctrl+D es para muchos usuarios la vía preferida para agregar la página activa a los marcadores. ¿Entonces por qué no ocultar la estrella de la barra de direcciones?
/* Elimina de la barra de direcciones la estrella para agregar marcadores (usa en su lugar la combinación Ctrl+D) */
#star-button {
display: none !important;
}
5. Ir se va
Seamos francos: a estas alturas, ¿hay alguien que use el botón Ir? Para ocultarlo y así ganar un poco más de espacio, aquí está el ajuste:
/* Elimina de la barra de direcciones el botón Ir */
#go-button {
display: none !important;
}
6. Maquillaje para la barra
Nuevo Firefox, nuevo look. Este ajuste es mi preferido, le da la apariencia que quieras a la barra de direcciones. Si sabes algo de códigos hexadecimales podrás combinar los colores como mejor te parezca. Y si no sabes, pues date una vuelta por esta página.
/* Cambia la apariencia de la lista de autocompletar */
.autocomplete-richlistitem {
background: #222222 !important;
color: #FFFFFF !important;
padding: 0px !important;
margin: 0px !important;
}
.autocomplete-richlistitem:hover,
.autocomplete-richlistitem[selected="true"] {
background: #444444 !important;
}
7. Bonus track: Pestaña egocéntrica
Este último ajuste trabaja tanto en Firefox 3 como en Firefox 2. Hace que la pestaña activa sea más ancha que las demás.
/* Muestra la pestaña activa con un ancho mayor */
#content tab[selected="true"] {
min-width: 200px !important;
}
(Vía Firefox Facts).
13 Comentarios
13:59 | #
Gracias FoXtensor. Ya tenía yo ganas de ver qué cosas que hacía manualmente en la versión 2, podía hacer también en la versión 3. Miraré la extensión ChromEdit Plus, a ver que tal gestiona, porque tanto el UserChrome, como el UserContent siempre lo dejo hecho un desastre (organizativamente hablando) con las modificaciones que hago.
Saludos.
3:40 | #
Buenas, no se si podras ayudarme.Hace unos dias cambie el tema del Ubuntu 7.10 La cosa es q es oscuro y el firefox ha cogido parte de ese tema. El menú desplegable de la barra de direcciones tiene fondo oscuro con letras negras y no se ve practicamente nada. He probado los ajustes con el ChromEdit y no me funciona ninguno. Buscando he conseguido cambiar el tamaño de la letra metiendo:
#PopupAutoComplete {
font-family: “Bitstream Vera Sans Mono”, FreeMono, monospace !important;
font-size: 10pt !important;
}
pero no consigo dar con la propiedad q me permita cambiar el color del fondo o de la letra a blanco.
En fin a ver si hay suerte, seguire buscando. Muchas gracias y un saludo
8:30 | #
Hay alguna extension similar a Tab Browsing Extensions de Piro.
La uso en Netscape 7.2 (se q es viejo, pero trabaja aun) y en SeaMonkey (funciona muy bien), pero, la querria para poder abrir consecutivamente varios Tabs de un solo Bookmark al mismo tiempo.
La uso para leer varios diarios internacionales y cada uno en su Tab.
17:55 | #
La verdad e tratado de hacer todo esto pero no logro nada de nada si alguien me podría ayudar se lo agradecer mucho…
8:36 | #
Ricardo, quizás has tenido problemas por lo del espacio que el portapapeles agrega al final de cada línea. Relee por favor lo que escribí al final de la reseña: debes verificar que no haya espacio alguno al final de cada línea (al menos en Windows, el portapapeles agrega un espacio).
2:16 | #
Hola foxtensor, me gustaria saber si editando el ChromEdit Plus o el userChrome-example.css se pudiera ampliar el ancho del menu desplegable de los livemarcks rss de la barra del firefox para que al desplegarse cualquier menu de un livemark rss se vieran mejor y mas completos en su ancho los titulares rss que predescarga el firefox. No se si se me ha entendido. Saludos
14:33 | #
una vez enontre un tema en la cual personalizas el fondo del navegador firefox)en lacual puse una imagen arreglada 400 x 200 quedo original ,pero como vendi mi portatil olvide anotar el nombre del tema para volver a instalarlo, si alguien sabe la ruta, le agraadeceria un monton
7:42 | #
Sandro: sin saber el theme no sabría decirte.
23:00 | #
Hola. Pues yo necesito lo contrario.. que oculté el menú de Marcadores y ahora no sé como volver a mostrarlo en la barra de menús de Firefox… ¿Alguien podría ayudarme?
18:55 | #
Sabas: si no tienes visible la barra de marcadores, puedes ir al menú Ver - Barras de herramientas - y marcas la barra de marcadores.
21:07 | #
heeey! muchas gracias por compartir ésto, y en español! wow, muuchísimas gracias, ad hoc para los custo’ers latinos como su server (o sea yo mero)…
15:16 | #
Hola quisiera q pusieras como es el script para evitar q se me abra el menu contextual al hacer click derecho en el firefox, a veces me pongo a jugar algo y por arrastrar con el click derecho si suelto fuera del juego me abre ese dichoso menu estoy algo liado por eso, gracias
11:07 | #
Pues a mí me pasa lo mismo que a Sabas: le he dado sin querer a “Ocultar este menú” (el de marcadores), y ahora no lo tengo, y me gustaría tenerlo. Ya sé que se puede hacer lo que dice Nico, pero no quiero la barra de marcadores, sino el menú. ¿Alguna ayuda??
Gracias.
2 Trackbacks