Odpowiadanie na forum – Karty poniżej paska adresu

Styl Firefoksa lub wygląd można [https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin modyfikować], tworząc wewnątrz [[Profiles - Where Firefox stores your bookmarks, passwords and other user data|folderu profilu Firefoksa]] folder '''chrome''' i umieszczając w nim plik '''userChrome.css''' zawierający reguły własnego stylu. Reguły umieszczone w pliku userChrome.css będą nadpisywały domyślne style Firefoksa. '''''Informacja –''' Tworzenie, modyfikowanie, kopiowanie, zapisywanie plików profilu Firefoksa musi odbywać się przy zamkniętej przeglądarce. Niestandardowe reguły stylu mogą nie zawsze działać z powodu różnych czynników, takich jak niezgodność z innymi niestandardowymi regułami stylu niezależnymi od społeczności Mozilli. Twoja reguła stylu może również nie działać z nową wersją Firefoksa. Oto jak zmodyfikować Firefoksa, aby karty były wyświetlane poniżej paska adresu zamiast u góry: '''Jeśli w twoim folderze profilu Firefoksa znajduje się już folder chrome zawierający plik userChrome.css''', skopiuj odpowiedni dla swojej [[Find what version of Firefox you are using| wersji Firefoksa]] kod do swojego pliku userChrome.css. Po zapisaniu zmian i zamknięciu pliku należy [[Customize Firefox controls, buttons and toolbars|włączyć pasek tytułu]] lub pasek menu przeglądarki w systemie Windows.<br> '''W Firefoksie 64 i starszych wersjach''' – otwórz witrynę [https://www.userchrome.org/what-is-userchrome-css.html userChrome.org], przejdź do sekcji ''Move the Tab Bar Below the Other Toolbars'', albo skorzystaj z tego [https://www.userchrome.org/what-is-userchrome-css.html#movetabbar odnośnika] i skopiuj reguły CSS do swojego pliku userChrome.css. Skopiowane reguły CSS zawierają inne sugestie jako komentarz. ''' W Firefoksie 69 i nowszych wersjach''' pliki userChrome.css i userContent.css domyślnie zostały wyłączone i należy sprawdzić ustawienia, korzystając z opisu na stronie [[Configuration Editor for Firefox]]. Więcej szczegółów znajdziesz [https://www.userchrome.org/firefox-changes-userchrome-css.html tutaj]. Alternatywnie możesz skopiować następujący kod: '''Ten kod działał w Firefoksie 64 i starszych wersjach.''' <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> '''Ten kod działał w Firefoksie 65 i nowszych wersjach.''' <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* TABS: bottom - Firefox 65 and newer */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10 !important; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } *|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/ } /* Firefox 65-73 */ *|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar{ bottom: var(--tab-min-height) !important; padding-top: calc(var(--tab-min-height) - 20px) !important; /*adjust*/ } /* TABS: height */ *|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust or omit to use density*/ } *|*:root #tabbrowser-tabs { --tab-min-width: 80px !important; /*adjust or omit to use default*/ } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*omit*/ 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 hide*/ #TabsToolbar #window-controls {display: none !important;} /* caption buttons - hide */ *|*:root[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {display: none !important;} </nowiki></pre> ---- '''Jeśli nie masz jeszcze pliku userChrome.css, a chcesz go utworzyć, postępuj zgodnie z tymi instrukcjami:<br> (Więcej informacji uzyskasz na tej [https://www.userchrome.org/how-create-userchrome-css.html stronie pomocy] i oglądając [https://vimeo.com/242513527 wideo] stworzone przez członków społeczności Mozilli (w języku angielskim).<!-- for localizers: these are English language pages --> #Otwórz aktywny folder profilu, wpisując w pasku adresu '''about:support'''. W sekcji '''Informacje o programie''' znajdź element ''Folder profilu'' i naciśnij znajdujący się obok przycisk {button Otwórz folder} (Windows) '''Otwórz katalog''' (Linux) lub '''Pokaż w Finderze''' (Mac). #*'''Na Macku''' zostanie wyświetlony folder zawierający twój folder profilu. Otwórz żądany folder (domyślny folder będzie miał nazwę ''xxxxxxxx.default'', gdzie xxxxxxxx to losowy ciąg znaków). #Wewnątrz folderu profilu utwórz nowy folder o nazwie '''chrome'''. #*Aby w przyszłości ułatwić sobie dostęp do tego folderu, utwórz skrót do niego na pulpicie. #Pobierz, zapisz i umieść w folderze ''chrome'' odpowiedni, wybrany z poniższych; plik: #*'''Dla Firefoksa 68-71 (Windows i Linux):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_WindowsLinux.css] #*'''Dla Firefoksa 68-71 (MacOS):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_MacOS.css] # Zmień nazwę pobranego pliku ''userChrome-tabs_on_bottom.css'' lub ''userChrome-tabs_on_bottom_Fx70.css'' na '''userChrome.css''' #*'''W systemie Windows:''' Jeśli w pobranym pliku brakuje rozszerzenia pliku .css, zmień nazwę pliku na '''userChrome'''.<!-- https://support.mozilla.org/en-US/questions/1189654#answer-1038747 --> (Zobacz informację poniżej.) #Uruchom ponownie Firefoksa, który rozpozna nowy plik userChrome i zastosuje reguły. ---- '''Podpowiedź!''' W systemie Windows po dokonaniu zmian [[Customize Firefox controls, buttons and toolbars|włącz pasek tytułu]] lub pasek menu. ---- '''Informacja dla użytkowników systemu Windows. '''<br>W systemie Windows rozszerzenia nazw plików są domyślnie ukryte. Jeśli pobrany plik został zapisany jako ''userChrome-tabs_on_bottom'' bez rozszerzenia .css oznacza to, że system Windows ukrył rozszerzenie nazwy pliku. W takim przypadku musisz zmienić nazwę pliku na '''userChrome''' nie dopisując rozszerzenia .css. Jeśli dopiszesz to rozszerzenie, plik w rzeczywistości otrzyma nazwę ''userChrome.css.css'' – nie zostanie rozpoznany i nie będzie działał. Jak włączyć domyślne wyświetlanie rozszerzeń plików w systemie Windows dowiesz się [https://www.pcworld.pl/porada/Jak-wlaczyc-domyslne-wyswietlanie-rozszerzen-plikow-Windows,413776.html tutaj].

Styl Firefoksa lub wygląd można modyfikować, tworząc wewnątrz folderu profilu Firefoksa folder chrome i umieszczając w nim plik userChrome.css zawierający reguły własnego stylu. Reguły umieszczone w pliku userChrome.css będą nadpisywały domyślne style Firefoksa.

Informacja – Tworzenie, modyfikowanie, kopiowanie, zapisywanie plików profilu Firefoksa musi odbywać się przy zamkniętej przeglądarce. Niestandardowe reguły stylu mogą nie zawsze działać z powodu różnych czynników, takich jak niezgodność z innymi niestandardowymi regułami stylu niezależnymi od społeczności Mozilli. Twoja reguła stylu może również nie działać z nową wersją Firefoksa.

Oto jak zmodyfikować Firefoksa, aby karty były wyświetlane poniżej paska adresu zamiast u góry:

Jeśli w twoim folderze profilu Firefoksa znajduje się już folder chrome zawierający plik userChrome.css, skopiuj odpowiedni dla swojej wersji Firefoksa kod do swojego pliku userChrome.css. Po zapisaniu zmian i zamknięciu pliku należy włączyć pasek tytułu lub pasek menu przeglądarki w systemie Windows.

W Firefoksie 64 i starszych wersjach – otwórz witrynę userChrome.org, przejdź do sekcji Move the Tab Bar Below the Other Toolbars, albo skorzystaj z tego odnośnika i skopiuj reguły CSS do swojego pliku userChrome.css. Skopiowane reguły CSS zawierają inne sugestie jako komentarz.

W Firefoksie 69 i nowszych wersjach pliki userChrome.css i userContent.css domyślnie zostały wyłączone i należy sprawdzić ustawienia, korzystając z opisu na stronie Edytor ustawień (about:config) w Firefoksie. Więcej szczegółów znajdziesz tutaj.

Alternatywnie możesz skopiować następujący kod:

Ten kod działał w Firefoksie 64 i starszych wersjach.

@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}

Ten kod działał w Firefoksie 65 i nowszych wersjach.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: bottom - Firefox 65 and newer */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
}

/* Firefox 65-73 */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important; /*adjust*/
}

/* TABS: height */
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 25px !important; /*adjust or omit to use density*/
}

*|*:root #tabbrowser-tabs {
  --tab-min-width: 80px !important; /*adjust or omit to use default*/
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*omit*/
  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 hide*/
#TabsToolbar #window-controls {display: none !important;}

/* caption buttons - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}

---

Jeśli nie masz jeszcze pliku userChrome.css, a chcesz go utworzyć, postępuj zgodnie z tymi instrukcjami:
(Więcej informacji uzyskasz na tej stronie pomocy i oglądając wideo stworzone przez członków społeczności Mozilli (w języku angielskim).

1. Otwórz aktywny folder profilu, wpisując w pasku adresu about:support. W sekcji Informacje o programie znajdź element Folder profilu i naciśnij znajdujący się obok przycisk Otwórz folder (Windows) Otwórz katalog (Linux) lub Pokaż w Finderze (Mac).
   • Na Macku zostanie wyświetlony folder zawierający twój folder profilu. Otwórz żądany folder (domyślny folder będzie miał nazwę xxxxxxxx.default, gdzie xxxxxxxx to losowy ciąg znaków).
2. Wewnątrz folderu profilu utwórz nowy folder o nazwie chrome.
   • Aby w przyszłości ułatwić sobie dostęp do tego folderu, utwórz skrót do niego na pulpicie.
3. Pobierz, zapisz i umieść w folderze chrome odpowiedni, wybrany z poniższych; plik:
   • Dla Firefoksa 68-71 (Windows i Linux):
     https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Wi...
   • Dla Firefoksa 68-71 (MacOS):
     https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Ma...
4. Zmień nazwę pobranego pliku userChrome-tabs_on_bottom.css lub userChrome-tabs_on_bottom_Fx70.css na userChrome.css
   • W systemie Windows: Jeśli w pobranym pliku brakuje rozszerzenia pliku .css, zmień nazwę pliku na userChrome. (Zobacz informację poniżej.)
5. Uruchom ponownie Firefoksa, który rozpozna nowy plik userChrome i zastosuje reguły.

---

Podpowiedź! W systemie Windows po dokonaniu zmian włącz pasek tytułu lub pasek menu.

---

Informacja dla użytkowników systemu Windows.
W systemie Windows rozszerzenia nazw plików są domyślnie ukryte. Jeśli pobrany plik został zapisany jako userChrome-tabs_on_bottom bez rozszerzenia .css oznacza to, że system Windows ukrył rozszerzenie nazwy pliku. W takim przypadku musisz zmienić nazwę pliku na userChrome nie dopisując rozszerzenia .css. Jeśli dopiszesz to rozszerzenie, plik w rzeczywistości otrzyma nazwę userChrome.css.css – nie zostanie rozpoznany i nie będzie działał. Jak włączyć domyślne wyświetlanie rozszerzeń plików w systemie Windows dowiesz się tutaj.