Puedes modificar el estilo o la apariencia de Firefox si creas una carpeta chrome en tu carpeta de perfil de Firefox y colocas un archivo userChrome.css dentro, donde se incluirán reglas de estilo personalizadas. Las reglas que introduzcas en el archivo userChrome.css sobreescribirán los estilos predeterminados de Firefox.
Nota: Puede que las reglas de estilo personalizadas no funcionen siempre debido a otros factores que no tienen nada que ver con la comunidad de Mozilla (por ejemplo, compatibilidad con otras reglas de estilo personalizadas). Puede que tu regla también deje de funcionar cada vez que se lanza una nueva versión de Firefox.
Te mostramos qué tienes que modificar en Firefox para que las pestañas aparezcan por debajo de la barra de herramientas y no por encima:
Si tu carpeta de perfil de Firefox ya incluye una carpeta de chrome que contiene el archivo userChrome.css, copia el código apropiado para tu versión de Firefox en tu archivo userChrome.css. Cuando guardes los cambios y cierres el archivo, deberías activar la barra de títulos de Firefox o la barra de menú en Windows.
En Firefox 64 e inferiores: Dirígete a https://www.userchrome.org/what-is-userchrome-css.html y copia en el archivo userChrome.css las reglas CSS que encontrarás aquí, justo debajo del ejemplo "Mover la barra de pestañas debajo de las otras barras de herramientas". (Las reglas CSS que copiaste también incluyen otras sugerencias en los comentarios).
En Firefox 69 y superiores: Firefox 69 y superiores deshabilitan userChrome.css y userContent.css por defecto y necesitas marcar una preferencia en el Editor de Configuración para Firefox. Para más detalles, consulta esta página
Alternativamente, puedes copiar el siguiente código:
Este código funcionaba en Firefox 64 e inferiores.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
Este código funciona en Firefox 65 y superiores.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS: below nav-bar - Firefox 65 and newer - fixed 89+ */
/* ROOT -variables */
*|*:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 25px !important; /*override density*/
--tab-min-width: 80px !important; /*override default*/
--tab-bottom-adjust: 0px; /*65-73; menubar,titlebar hidden*/
}
/* TABS: below nav-bar */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10 !important;
}
#TabsToolbar {
-moz-box-ordinal-group: 1000 !important;
}
/* TABS: position */
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
/* navigator-toolbox: PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
position: relative !important;
}
/* Firefox 65-73 - menubar,titlebar hidden */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
#toolbar-menubar[autohide="true"] ~ #TabsToolbar{
bottom: var(--tab-bottom-adjust) !important;
}
/* TABS: HEIGHT */
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-tab {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
/* TABS: APPEARANCE */
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}
/* indicators - hide */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator {display: none !important;}
/* window controls in full screen - hide*/
#TabsToolbar #window-controls {display: none !important;}
/* caption buttons on tab bar - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
#toolbar-menubar[autohide="true"] ~ #TabsToolbar
.titlebar-buttonbox-container {display: none !important;}
Si aún no tienes un archivo userChrome.css, sigue estas instrucciones:
(Para obtener más información, puedes consultar esta página de ayuda y nuestro video de la comunidad (a partir del minuto 8:45)).)
- Abre la carpeta de perfil actual: en la barra de direcciones, escribe about:support y en la sección Configuración básica de la aplicación, junto a Carpeta del perfil, haz clic en Abrir carpeta (Windows), Abrir directorio (Linux) o Mostrar en Finder (Mac).
- En Mac, se abrirá una carpeta que contiene la carpeta de perfil. Abre la carpeta de perfil que quieras (si es una carpeta predeterminada, su nombre será algo así como xxxxxxxx.default).
- Crea una nueva carpeta llamada chrome dentro de la carpeta de perfil.
- Si quieres, crea un nuevo acceso directo en el escritorio a la carpeta chrome para acceder luego más rápido.
- Descarga y guarda este archivo y luego muévelo a esa carpeta chrome:
- Para Firefox 68-71 (Windows y Linux):
https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Wi... - Para Firefox 68-71 (MacOS):
https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Ma...
- Para Firefox 68-71 (Windows y Linux):
- Cámbiale el nombre al archivo "userChrome-tabs_on_bottom.css" o userChrome-tabs_on_bottom_Fx70.css que descargaste a userChrome.css
- En Windows: Si al nombre del archivo descargado le faltaba .css, cámbiale el nombre por userChrome (ver nota más abajo).
- Reinicia Firefox, que detectará automáticamente ese archivo y aplicará las reglas.
Sugerencia: Cuando hayas hecho estos cambios, activa la barra de títulos o la barra de menús de Windows.
Nota para usuarios de Windows:
En Windows, las extensiones de los archivos se ocultan por defecto. Si el archivo que descargaste se guardó como "userChrome-tabs_on_bottom", sin la extensión .css, significa que Windows está ocultando las extensiones de los artículos. En ese caso, tienes que cambiarle el nombre a userChrome para que no acabes con un archivo denominado "userChrome.css.css", que no funcionará. Para configurar Windows para que muestre los nombres de las extensiones, consulta Cómo mostrar las extensiones de archivo en Windows 10/8/7 en thewindowsclub.com y estos artículos de fileinfo.com para Windows 8 (en inglés) y Windows 10 (en inglés).
