Απάντηση φόρουμ - Καρτέλες κάτω από τη γραμμή URL

Η μορφοποίηση ή η εμφάνιση του Firefox μπορούν να τροποποιηθούν με τη δημιουργία ενός φακέλου chrome εντός του φακέλου προφίλ του Firefox και έπειτα, την τοποθέτηση ενός αρχείου userChrome.css σε αυτόν, το οποίο περιλαμβάνει προσαρμοσμένους κανόνες μορφοποίησης. Οι κανόνες που θα συμπεριλάβετε στο αρχείο userChrome.css θα αντικαταστήσουν τις προεπιλεγμένες μορφοποιήσεις του Firefox.

Σημείωση: Οι προσαρμοσμένοι κανόνες μορφοποίησης ενδέχεται να μην λειτουργούν κάθε φορά λόγω άλλων παραγόντων (όπως ασυμβατότητα με άλλους προσαρμοσμένους κανόνες μορφοποίησης), πέρα από τον έλεγχο της κοινότητας της Mozilla. Επίσης, ο προσαρμοσμένος κανόνας μορφοποίησής σας ίσως σταματήσει να λειτουργεί κάθε φορά που κυκλοφορεί μια νέα έκδοση του Firefox.

Μάθετε πώς να τροποποιήσετε το Firefox ώστε οι καρτέλες να εμφανίζονται κάτω από τη γραμμή διευθύνσεων (URL) και όχι πάνω από αυτή:

Αν ο φάκελος προφίλ του Firefox σας έχει ήδη έναν φάκελο chrome με ένα αρχείο userChrome.css, αντιγράψτε τον κατάλληλο κώδικα για την έκδοση του Firefox σας στο αρχείο userChrome.css σας. Αφού αποθηκεύσετε τις αλλαγές σας και κλείσετε το αρχείο, θα πρέπει να ενεργοποιήσετε τη γραμμή τίτλου του Firefox ή τη γραμμή μενού στα Windows.

Στο Firefox 64 και παλαιότερα: Μεταβείτε στο https://www.userchrome.org/what-is-userchrome-css.html και αντιγράψτε τους κανόνες CSS από το παράδειγμα "Move the Tab Bar Below the Other Toolbars" εδώ, στο αρχείο userChrome.css σας. (Οι κανόνες CSS που αντιγράψατε περιέχουν άλλες προτάσεις ως σχόλια.)

Στο Firefox 69 και νεότερα: Το Firefox 69 και νεότερα απενεργοποιεί τα userChrome.css και τα userContent.css από προεπιλογή και χρειάζεται να ελέγξετε μια προτίμηση στο εργαλείο επεξεργασίας ρυθμίσεων παραμέτρων του Firefox. Για περισσότερες λεπτομέρειες, δείτε αυτή τη σελίδα.

Εναλλακτικά, μπορείτε να αντιγράψετε τον εξής κώδικα:

Αυτός ο κώδικας λειτουργούσε στο Firefox 64 και παλαιότερα.

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

Αυτός ο κώδικας λειτουργεί στο Firefox 65 και νεότερα.

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

Αν δεν έχετε ήδη ένα αρχείο userChrome.css, ακολουθήστε αυτές τις οδηγίες:
(Δείτε αυτή τη σελίδα βοήθειας και το βίντεο ενός μέλους της κοινότητας μας (στο 8:45) για περισσότερες πληροφορίες.)

1. Ανοίξτε τον φάκελο του τρέχοντος ενεργού προφίλ σας: Πληκτρολογήστε about:support στη γραμμή διευθύνσεων του Firefox και, στην ενότητα "Βασικά εφαρμογής" δίπλα στο "Φάκελος προφίλ", κάντε κλικ στο Άνοιγμα φακέλου (Windows) / Άνοιγμα καταλόγου (Linux) / Προβολή στο Finder (Mac).
   • Σε Mac, θα ανοίξει ένας φάκελος που περιέχει τον φάκελο του προφίλ σας. Ανοίξτε τον επιλεγμένο φάκελο προφίλ (αν πρόκειται για προεπιλεγμένο προφίλ, θα έχει ένα όνομα, όπως το xxxxxxxx.default).
2. Δημιουργήστε έναν νέο φάκελο με όνομα chrome εντός του φακέλου προφίλ.
   • Δημιουργήστε μια συντόμευση επιφάνειας εργασίας για τον φάκελο chrome, αν το επιθυμείτε, για ευκολότερη πρόσβαση στο μέλλον.
3. Κάντε λήψη και αποθήκευση αυτού του αρχείου και έπειτα, μετακινήστε το στον φάκελο chrome:
   • Για τα Firefox 68-71 (Windows και Linux):
     https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Wi...
   • Για τα Firefox 68-71 (MacOS):
     https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_Ma...
4. Μετονομάστε το "userChrome-tabs_on_bottom.css" ή το ληφθέν αρχείο userChrome-tabs_on_bottom_Fx70.css σε userChrome.css
   • Στα Windows: Αν το αρχείο .css έλειπε από το όνομα του ληφθέντος αρχείου, μετονομάστε το αρχείο userChrome (δείτε την παρακάτω σημείωση).
5. Επανεκκινήστε το Firefox, το οποίο θα ανακαλύψει το νέο αρχείο userChrome και θα εφαρμόσει τους κανόνες.

Συμβουλή: Ενεργοποιήστε τη γραμμή τίτλου, ή τη γραμμή μενού στα Windows, αφού κάνετε αυτές τις αλλαγές.

Σημείωση για τους χρήστες των Windows:
Στα Windows, οι επεκτάσεις ονομάτων αρχείων δεν εμφανίζονται από προεπιλογή. Αν το ληφθέν αρχείο αποθηκεύτηκε ως "userChrome-tabs_on_bottom" χωρίς την επέκταση .css, που σημαίνει ότι τα Windows κρύβουν τις επεκτάσεις ονομάτων αρχείων. Σε αυτή την περίπτωση, θα πρέπει να μετονομάσετε το αρχείο userChrome ώστε να μην καταλήξετε με ένα αρχείο με όνομα "userChrome.css.css", το οποίο δεν θα λειτουργήσει. Για να ρυθμίσετε τα Windows ώστε να εμφανίζουν τις επεκτάσεις ονομάτων αρχείων, δείτε το How to show File Extensions in Windows 10/8/7 στο thewindowsclub.com και αυτά τα άρθρα του fileinfo.com για τα Windows 8 και Windows 10.