Firefox. Personalizar la barra de pestañas.

Publicado: mayo 12, 2010 en Complementos, Firefox

Si sois de los que usáis y abrís varias pestañas, tal vez hayáis tenido que recurrir a extensiones como Tab Mix Plus, o cualquier otra extensión que gestione las pestañas,  aunque no sea con la gran cantidad de opciones que ofrece la antes mencionada y en español.

El acceso de abertura, cierre y recarga de las pestañas podemos efectuarlo desde el ratón, barras de menú y atajos de teclado. En la ayuda de Firefox podéis encontrar bastante documentación al respecto.

Para personalizar las pestañas además de la disponibilidad de las extensiones, podemos recurrir a realizar ajustes manuales, bien desde las opciones del navegador, modificar el userChrome.css o el about:config.

Desde el userChrome.css.

Para los que no hayáis creado esta carpeta, tan solo debéis dirigiros al menú Ayuda–> Información para solucionar problemas–> Ruta del perfil–> botón “Abrir la carpeta que lo contiene”–> abrid la carpeta chrome,  dentro de esta carpeta se encuentra el archivo userChrome-example.css, hacéis clic derecho sobre el–> Propiedades y le cambiáis el nombre por userChrome.css -> Guardar.

En los ejemplos pondré en azul el código con las líneas que debéis pegar en el archivo, dejando una línea en blanco entre cada bloque. En rojo he dejado el valor que podéis cambiar a vuestro gusto. No es necesario ponerlos todos, podéis seleccionar los que os interesen teniendo en cuenta que el encabezamiento del script comienza con el símbolo /*.

/*Quitar botón de nueva pestaña*/
.tabs-newtab-button {display: none;}

/* Poner la barra de pestañas en la parte inferior sobre la barra de estado */
#content > tabbox { -moz-box-direction: reverse; }

/* Modificar  la longitud de la pestaña activa */
tab[selected=”true”] { min-width: 220px !important; }

/* Hacer semitransparentes las pestañas inactivas */
#content tab:not([selected=”true”]) { -moz-opacity: 0.5 !important; }

/* Mostrar el icono del marcador solo en la pestaña activa */
tab:not([selected=”true”]) .tab-icon { display: none !important; }

/* Mostrar el icono del marcador solo en la pestaña activa */
tab:not([selected=”true”]) .tab-icon { display: none !important; }

/* Poner los caracteres de la pestaña  activa en negrita */
tab[selected=”true”] {
font-weight: normal !important; }

/* Cambia el color a la pestaña activa */
tab{
-moz-appearance: none !important; }

tab[selected=”true”] {
background-color: rgb(222,218,210) !important;
color: black !important; }

/*Elimina la línea separatoria inferior de la barra de pestañas*/
.tabs-bottom {
border-style: none !important;
background-color: transparent !important;
}

Tened en cuenta que si usáis alguna extensión que gestione las pestañas, ésta puede ser incompatible con estas modificaciones.

Actualización: Desde la versión 4 podemos arrastrar hacia esta barra los iconos de la barra de herramientas. desde el menú Ver–> Barras de Herramientas–> Personalizar—> arrastrar los iconos desde la barrra de herramientas o desde la ventana que los contiene e incluso en el sentido opuesto.

También os puede interesar el artículo “Modificar el tamaño de las fuentes y modificar el espacio.” donde ya vienen los ajustes en el about:config.

comentarios
  1. […] Personalizar la barra de pestañas (II) 15 05 2010 Ya hablé en otro artículo de  personalizar la barra de pestañas editanto el userChrome.css.  Tal vez algunos os disteis cuenta que mencioné configurarlas desde el […]

  2. […] Firefox. Personalizar la barra de pestañas. […]

  3. jonathanvera dice:

    mmm sigo todos los pasos pero no veo ningun cambio ¬__¬
    no se si porque tenga la ultima version de firefox…
    si alguine pudiera ayudarme, o simplemente decirme de que manera quito completamente toda la barra de pestañas, osea que no se muestre ninguna pestaña:)

  4. Noctuido dice:

    […] Personalizar la barra de pestañas. […]

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