Design či vzhled Firefoxu lze upravit tak, že uvnitř složky profilu Firefoxu vytvoříte složku chrome a do ní umístíte soubor userChrome.css, který obsahuje uživatelská pravidla stylů. Pravidla, která jste vložili do souboru userChrome.css, „přebijí“ výchozí styly ve Firefoxu.
Poznámka: Uživatelská pravidla stylů nemusejí fungovat pokaždé, a to kvůli dalším faktorům (např. nekompatibilitou s jinými uživatelskými pravidly stylů) jsoucími mimo kontrolu komunity Mozilly. Vaše pravidla stylů také mohou přestat fungovat s každým novým vydáním Firefoxu.
Zde je postup, jak upravit Firefox, aby se panely zobrazovaly pod adresním řádkem a ne nad ním:
Jestliže složka s vaším profilem Firefoxu již obsahuje složku chrome se souborem userChrome.css, zkopírujte do něj kód platný pro vaší verzi Firefoxu. Po uložení změn a zavření souboru byste měli nechat zobrazovat Záhlaví okna nebo ve Windows Hlavní nabídku.
Ve Firefoxu 64 a nižším: Jděte na stránku https://www.userchrome.org/what-is-userchrome-css.html a zkopírujte pravidla CSS v příkladu „Move the Tab Bar Below the Other Toolbars“ zde do vašeho souboru userChrome.css. (Pravidla CSS, která jste zkopírovali, obsahují další návrhy jako komentáře.)
Ve Firefoxu 64 a vyšším: Firefox 69 a vyšší ve výchozím nastavení soubory userChrome.css a userContent.css potlačuje a je potřeba prověřit předvolbu v editoru předvoleb. Podrobnosti naleznete na této stránce.
Popřípadě můžete také zkopírovat následující kód:
Tento kód fungoval ve Firefoxu 64 a nižším.
@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}
Tento kód funguje ve Firefoxu 65 a vyšším.
@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;}
Jestliže soubor userChrome.css ještě nemáte, postupujte podle těchto pokynů:
(Další informace naleznete na této stránce nápovědy a v našem komunitním videu v čase 8:45.)
- Otevřete složku vašeho momentálně aktivního profilu: zadejte do adresního řádku about:support, v oddílu „Stručně o aplikaci“ klikněte na řádku „Složka s profilem“ na tlačítko Otevřít (Linux a Windows) nebo Zobrazit ve Finderu (Mac).
- Na Macu se otevře složka, která obsahuje složku vašeho profilu. Otevřete danou složku profilu (bude mít název něco jako xxxxxxxx.default pro výchozí profil).
- Uvnitř složky profilu vytvořte novou složku s názvem chrome.
- Jestli chcete, vytvořte si na složku chrome zástupce na Ploše pro snadnější přístup v budoucnu.
- Stáhněte si a uložte následující soubor a poté ho přesuňte do složky chrome:
- Pro Firefox 68-71 (Windows a Linux):
https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Wi... - Pro Firefox 68-71 (MacOS):
https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Ma...
- Pro Firefox 68-71 (Windows a Linux):
- Přejmenujte stažený soubor „userChrome-tabs_on_bottom.css“ či „userChrome-tabs_on_bottom_Fx70.css“ na userChrome.css
- Ve Windows: Pokud staženému souboru chybí koncovka .css, přejmenujte ho jen na userChrome (viz poznámka níže).
- Restartujte Firefox, který zjistí nový soubor userChrome a aplikuje pravidla.
Tip: Po provedení těchto změn nechte zobrazit Záhlaví okna nebo ve Windows Hlavní nabídku.
Poznámka pro uživatele systému Windows:
V systému Windows se ve výchozím nastavení koncovky souborů skrývají. Jestliže byl soubor, který jste si stáhli, uložen jako „userChrome-tabs_on_bottom“ bez koncovky .css, znamená to, že Windows skrývají koncovky souborů. V takovém případě musíte soubor přejmenovat na userChrome, abyste v důsledku nedostali soubor s názvem „userChrome.css.css“, který by nefungoval. Jak nastavit systém Windows, aby zobrazoval koncovky souborů, se dozvíte v článku How to show File Extensions in Windows 10/8/7 na webu thewindowsclub.com a v těchto článcích na webu fileinfo.com pro Windows 8 a Windows 10.
