Compare Revisions

Respuesta predeterminada para mover las pestañas debajo de la barra de herramientas

Puedes [https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin modificar] el estilo o la apariencia de Firefox si creas una carpeta '''chrome''' en tu [[Profiles - Where Firefox stores your bookmarks, passwords and other user data|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 [[Find what version of Firefox you are using|versión de Firefox]] en tu archivo userChrome.css. Cuando guardes los cambios y cierres el archivo, deberías [[Customize Firefox controls, buttons and toolbars|activar la barra de títulos de Firefox]] o la barra de menú en Windows.<br> '''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 [https://www.userchrome.org/what-is-userchrome-css.html#movetabbar 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 [[Configuration Editor for Firefox]]. Para más detalles, consulta [https://www.userchrome.org/firefox-changes-userchrome-css.html esta página] Alternativamente, puedes copiar el siguiente código: '''Este código funcionaba en Firefox 64 e inferiores.''' <pre><nowiki>@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} </nowiki></pre> '''Este código funciona en Firefox 65 y superiores.''' <pre><nowiki>@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;} </nowiki></pre> ---- '''Si aún no tienes un archivo userChrome.css, sigue estas instrucciones: <br> (Para obtener más información, puedes consultar [https://www.userchrome.org/how-create-userchrome-css.html esta página de ayuda] y nuestro [https://vimeo.com/242513527 video de la comunidad] (a partir del minuto 8:45)).<!-- for localizers: these are English language pages -->) #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):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_WindowsLinux.css] #*'''Para Firefox 68-71 (MacOS):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_MacOS.css] # 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'''<!-- https://support.mozilla.org/en-US/questions/1189654#answer-1038747 --> (ver nota más abajo). #Reinicia Firefox, que detectará automáticamente ese archivo y aplicará las reglas. ---- '''Sugerencia:''' Cuando hayas hecho estos cambios, [[Customize Firefox controls, buttons and toolbars|activa la barra de títulos]] o la barra de menús de Windows. ---- '''Nota para usuarios de Windows:'''<br>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, <!-- for localizers: these are English language pages --> consulta [https://www.thewindowsclub.com/show-file-extensions-in-windows Cómo mostrar las extensiones de archivo en Windows 10/8/7] en thewindowsclub''.''com y estos artículos de fileinfo''.''com para [https://fileinfo.com/help/windows_8_show_or_hide_file_extensions Windows 8] (en inglés) y [https://fileinfo.com/help/windows_10_show_file_extensions Windows 10] (en inglés).