26/3/10

Como cambiar el tamaño de fuente de las barras de Estado, Dirección y Tab de Firefox

El navegador web Firefox no ofrece opciones para cambiar las fuentes de la barra de direcciones, barra de pestañas y barra de estado desde dentro del navegador web. Los usuarios avanzados puede editar manualmente el CSS en userChrome.css para cambiar la fuente de los tres elementos del navegador, pero muchos usuarios preferirán probablemente una manera más fácil de cambiar las fuentes en Firefox sin editar archivos de configuración.

El Make Font Size Bigger Pack es un complemento de Firefox que automáticamente aumentará el tamaño de las fuentes en la barra de direcciones de Firefox, la barra de pestañas y barra de estado. Los tamaños de fuente nueva se habilitan automáticamente tras la instalación del add-on y un reinicio del navegador web.

El paquete combina dos complementos del mismo desarrollador en un add-on. Los usuarios de Firefox pueden descargar los complementos Make Address Bar Bigger y Make Tab Bar And Status Bar Bigger, en caso de que sólo necesiten uno de esos.

No hay opciones de configuración en la actualidad pero el desarrollador se comprometio a actualizar los add-on pronto con opciones para editar el tamaño de fuente y una opción para activar o desactivar la extensión en el navegador web Firefox.

Los usuarios de Firefox que prefieran cambiar el tamaño, tipo y color de las fuentes, en general, pueden editar directamente el archivo userChrome.css que se encuentra en el directorio chrome de la carpeta de perfil de Firefox. Puede ser que sólo una userChrome-example.css este disponible, sólo quita la parte -example de la url en ese caso.

/*Change address bar font, color and size*/ #urlbar {-moz-appearance: none !important; font-family: Tahoma Bold !important; color: Black !important; font-size: 12pt !important; }

Esos cambios en el código modifican la fuente de la barra de direcciones a Tahoma negrita con un tamaño de letra de 12 puntos y el color negro. Basta con sustituir los valores con otros, si asi lo prefieres.

/* Change status bar text color/size*/ #status-bar {-moz-appearance: none !important; font: bold 12pt Arial; !important; }

El código anterior cambia la fuente de la barra de estado a Arial de 12 puntos .

/* Active tab - good */ .tabbrowser-tab[selected="true"] .tabs-bottom, [class="close-button tabs-closebutton"] { font-weight: bold !important; background-color: rgb(220,220,220) !important; padding-left: 2% !important; padding-right: 2% !important;} /* Inactive Tab - good */ .tabbrowser-tab:not([selected="true"]) { -moz-appearance: none !important;

El código anterior pone más peso a la pestaña activa. Puedes modificar las fuentes y utilizando los ejemplos anteriores.

Comments (8)

Loading... Logging you in...
  • Logged in as
hola si alguien puede ayudarme, en la anterior instalacion de mi sistema en firefox la pestaña activa tenia la fuente mas negra y mas grande que las demas, como logro ese efecto???
Gracias
Hola Jaime

Si, el post te explica claramente como hacerlo, debes modificar el archivo userChrome.css ubicado en C:\ Documents and Settings \ "Usuario" \ Application Data \ Mozilla \ Firefox \ Profiles \ default.caractéres aleatorios \ chrome.

Usando el ultimo codigo que proporcione en el post podras modificar las propiedades de la pestaña activa
ya lo copie al archivo pero no me lo cambia, no aumenta el tamaño de la pestaña, quisiera que tuviera un 14 arial y negrita, crees que se pueda??
1 reply · active less than 1 minute ago
Ok, entra a el directorio profile/chrome y edita el archivo q se llama userChrome-example.css con Microsoft Frontpage

El mismo archivo te dice como hacerlo, donde guardalo y como nombrarlo para que funcione.
Ahi tenes que poner lo siguiente:

menubar, menubutton, menulist, menu, menuitem {
font-family: ****** !important;
font-size: ***** !important;
color: **** ! important;
font-weight: **** !important;
}

La Idea es reemplazar los arteriscos, en tu caso font-family: Arial, font-size 14pts, color black,white, etc, font-weight: bold

Luego guardas el archivo con el nombre userChrome.css, en el directorio que te indica. Reinicias el Firefox y deberia andar perfecto!! saludos
muchas gracias por contestarme, mira ya probe este ultimo ejemplo pero me aumenta la letra del menu y del boton derecho del raton y tambien probe el de add de arriba y aumenta la letra de la pestaña pero no de la pestaña activa solamente, te agradezco enormemente que te molestes en contestarme. muchisimas gracias
mira tengo W7, no se que pasa he intentado hacerlo, he copiado y pegado y he remplazado los asteriscos como me dices pero nada, si no fuera mucha molestia te agradeceria que escribieras el codigo para pegarlo en el archivo, pero que sea solo la pestaña activa, ya que el add-ons que esta arriba modifica todas las pestañas.
muchas gracias de antemano
/* Resaltar pestaña activa */
tab[selected="true"] {
font-family: arial !important;
font-size: 14pts !important
color: #333333 !important;
font-weight: bold !important;
}

Esperemos que esto solucionen el problema, recuerda que puedes poner el color que quieras cambiando el codigo. Saludos
!Hola!, Muy buen Articulo sin duda, lleno de buena información, Se agradece este aporte muy Util para los que seguimos vuestro Sitio, !Muchas Gracias :)

Post a new comment

Comments by

 

Seguidores


Geeks de GZ

GEEKS ZONE By RHO Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal