Hallo,
bislang hatte ich die Tabs unter der Adress-/Leseleiste nach unten.
Wie bekomme ich die Reiter wieder nach unten ?
Danke für eine Antwort.
FF 65 - Tabs nach unten
-
jopi56 -
29. Januar 2019 um 19:50 -
Erledigt
-
-
Hier solltest du fündig werden:
https://www.camp-firefox.de/forum/viewtopi…102985#p1102879 -
Hi, also ich komme mit den Cods nicht zurecht, irgendwie stehe ich auf dem Schlauch
gibts keine einfachere Methode wie beim FF63 bzw. FF64
Danke für ne Info
-
keine einfachere Methode
Nein.PS:
Ich habe den Beitrag mal verschoben nach Anpassungen. -
Wer bisher in der Lage war, etwas in die Datei userChrome.css zu kopieren, sollte wohl in der Lage sein, etwas in die Datei zu kopieren + zwei Dateien im gleichen Verzeichnis abzulegen. Schwierig ist das nicht…
Ich würde auf diesen Beitrag noch verlinken:
https://www.camp-firefox.de/forum/viewtopi…102975#p1102975Denn dort steht, was in die Datei userChrome.css kopiert werden muss statt des bisherigen Codes.
-
ich bin jetzt schon min 2-3 Std. dran, habe immer wieder diese Anleitung gemacht und immer wieder neu gestartet
aber es klappt nicht, bekomme die Tab's nicht nach unten
so langsam bin ich an mir ...., was mache ich falsch? bisher bin ich noch immer mit den Anleitungen klar gekommen
ich habe jetzt beide Code's in die userChrome.css geschrieben gespeichert, FF neu gestartet und nix
Bitte um Hilfe, Danke
-
... ich habe jetzt beide Code's in die userChrome.css geschrieben gespeichert, FF neu gestartet und nix
Dies ist auch falsch... Entferne die beiden Codes wieder. Und gehe wie folgt vor...Hast du auch deinen alten Code für den Leistentausch aus der userChrome.css entfernt und stattdessen nur folgende Zeile dafür eingefügt?
Dann musst du im Ordner /chrome den Ordner /css erstellen bzw. diesen bereits erstellt haben.
Im Ordner /css müssen dann zwei Dateien liegen. Einmal die Datei tabs_below_navigation_toolbar_fx65.css mit folgendem Inhalt
CSS
Alles anzeigen/* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ @import "./tabs_below_navigation_toolbar.css"; /* [!] NOT A STANDALONE FILE! */ /* [!] This code does not achieve the requested result without above files content! */ #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important; } #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } /* make sure button icon colors set correctly */ #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon, #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon { fill: var(--classic_squared_tabs_new_tab_icon_color) !important; color: var(--classic_squared_tabs_new_tab_icon_color) !important; } /* move caption buttons to windows top right position */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; visibility: visible !important; display: block !important; } /* caption button position in maximized mode after moving to the top */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container { top: -14px !important; } /* Windows */ @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { top: 1px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { top: 8px !important; } } /* Windows 7 extra tweaks */ @media (-moz-os-version: windows-win7) { @media all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { display: none !important; } } @media not all and (-moz-windows-compositor) { #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { top: -2px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { top: 0px !important; } #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar .titlebar-buttonbox-container { display: none !important; } } } /* Windows 10 extra tweaks */ @media (-moz-os-version: windows-win10) { #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]), #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) { background-color: Highlight !important; color: HighlightText !important; } } /* tweaks for fullscreen mode */ #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button, #main-window #TabsToolbar #window-controls { display: none !important; } /* hide non-required items */ #TabsToolbar .private-browsing-indicator, #TabsToolbar #window-controls, #TabsToolbar *[type="caption-buttons"], #TabsToolbar *[type="pre-tabs"], #TabsToolbar *[type="post-tabs"] { display: none !important; } /* adjust tabs toolbar padding */ #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar, #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar { -moz-padding-start: 0px !important; -moz-margin-start: 0px !important; } /* hide line above navigation toolbar appearing in some cases */ #main-window:not([tabsintitlebar]) #nav-bar, #main-window:not([tabsintitlebar]) #navigator-toolbox { border-top: 0 !important; box-shadow: unset !important; } /* disable Mozillas tab jumping nonsense when moving tabs */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; } /* size of new tab tabs '+' icon */ .tabs-newtab-button .toolbarbutton-icon { padding: 0px !important; margin: 0px !important; width: 18px !important; height: 18px !important; }
Dieser erste Code läd dann (ebenfalls durch eine Importregel (@import) den folgenden Code automatisch nach. Daher muss dann noch die Datei tabs_below_navigation_toolbar.css mit folgendem Inhalt in den Ordner /css (innerhalb des Ordners /chrome)
CSS
Alles anzeigen/* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ :root { --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa); --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa); --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa); --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa); --tabs_toolbar_border-tnot_normal_mode_size: 1px; --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color); --classic_squared_tabs_tab_text_color: black; --classic_squared_tabs_new_tab_icon_color: black; --classic_squared_tabs_tab_text_shadow: transparent; --tab-min-height_tnot: 32px; } :root[uidensity=compact] { --tab-min-height_tnot: 28px; } :root[uidensity=touch] { --tab-min-height_tnot: 40px; } /* tabs toolbar adjustment */ #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #TabsToolbar { -moz-padding-start: 2px !important; } #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #TabsToolbar:-moz-lwtheme, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[sizemode="maximized"] #TabsToolbar, #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar { -moz-padding-start: 0px !important; } #main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar { margin-top: 0px !important; } #main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar, #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar { padding-top: 0px !important; } #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar, #main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{ margin-top: 0px !important; } /* tab title in titlebar support */ #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar, #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{ margin-top: 0px !important; } /* titlebar button support */ #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{ margin-top: 2px !important; } /* fix for application/hamburger button in titlebar */ #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button { visibility: collapse !important; } #main-window[inDOMFullscreen="true"] #TabsToolbar { opacity: 0 !important; } /* tab height */ #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height_tnot) !important; } /* toolbar order (start) ************************************/ #print-preview-toolbar, #printedit-toolbar, #titlebar { -moz-box-ordinal-group: 0 !important; } #navigator-toolbox #toolbar-menubar { -moz-box-ordinal-group: 1 !important; } /* navigation toolbar */ #navigator-toolbox #nav-bar { -moz-box-ordinal-group: 2 !important; } /* bookmarks toolbar */ #navigator-toolbox #PersonalToolbar { -moz-box-ordinal-group: 3 !important; } /* 3rd party toolbars */ #navigator-toolbox toolbar { -moz-box-ordinal-group: 10 !important; } /* tabs toolbar */ #navigator-toolbox #TabsToolbar { -moz-box-ordinal-group: 100 !important; } /* toolbar order (end) **************************************/ /* toolbar colors */ #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) { background-image: var(--colored_menubar_background_image) !important; border: 0px !important; margin-bottom: -1px !important; } #nav-bar:not(:-moz-lwtheme) { -moz-appearance: none !important; background: var(--general_toolbar_color_navbar, inherit) !important; } toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) { -moz-appearance: none !important; background: var(--general_toolbar_color_toolbars, inherit) !important; } #TabsToolbar:not(:-moz-lwtheme){ -moz-appearance: none !important; background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important; } /* remove color overlay for lw-themes */ #main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{ background: unset !important; } /* adjust compact themes background color */ #main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme { -moz-appearance: none !important; background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important; } #main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down), #main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton, #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton { fill: var(--classic_squared_tabs_new_tab_icon_color) !important; color: var(--classic_squared_tabs_new_tab_icon_color) !important; } /* toolbar borders */ #main-window #navigator-toolbox::after { opacity: 0 !important; } #TabsToolbar{ margin-bottom: 0px !important; border-bottom: 1px solid #5f7181 !important; } #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) { border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important; border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important; background-clip: padding-box !important; } #main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) { border-left: 0px !important; border-right: 0px !important; } #main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme, #main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme { border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme { border-bottom: 1px solid #323234 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme { border-bottom: 1px solid #323234 !important; } #main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{ -moz-margin-end: 0px !important; } #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{ visibility: collapse !important; } #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] { margin-top: 21px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] { margin-top: 20px !important; } #tabbrowser-tabs .tab-drop-indicator { margin-bottom: 0px !important; } #PersonalToolbar:-moz-lwtheme, #nav-bar:-moz-lwtheme { background-image: none !important; box-shadow: none !important; border-top: none !important; border-bottom: none !important; } /* remove tab fog */ #TabsToolbar:not(:-moz-lwtheme), #TabsToolbar:not(:-moz-lwtheme)::before, #TabsToolbar:not(:-moz-lwtheme)::after { box-shadow: unset !important; } /* remove 'dragging tab' margin/padding nonsense */ #TabsToolbar[movingtab] { padding-bottom: unset !important; } #TabsToolbar[movingtab] > .tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #TabsToolbar[movingtab] + #nav-bar { margin-top: unset !important; } /* scroll buttons */ #TabsToolbar:not(:-moz-lwtheme) #alltabs-button, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down { fill: black !important; } /* Fx58+ titlebar placeholders */ #TabsToolbar *[type="pre-tabs"], #TabsToolbar *[type="post-tabs"] { display: none !important; } @media (-moz-os-version: windows-win10) { #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] { margin-top: 30px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] { margin-top: 30px !important; } } @media (-moz-windows-classic) { /* tweaks for Windows Classic theme */ #nav-bar:not(:-moz-lwtheme), #PersonalToolbar:not(:-moz-lwtheme), #main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) { border-left: unset !important; border-right: unset !important; background: unset !important; } #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) { border-left: 0px !important; border-right: 0px !important; } #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) { background: unset !important; box-shadow: unset !important; border-bottom: unset !important; } #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox, #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar, #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before, #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before, #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after, #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after { background: unset !important; box-shadow: unset !important; border: unset !important; border-image: unset !important; } #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) { background: unset !important; } } /* tab text colors */ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab { color: var(--classic_squared_tabs_tab_text_color) !important; text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important; } /* fix Windows 7s default tab background (remove dark purple bg color)*/ @media (-moz-os-version: windows-win7) { @media (-moz-windows-default-theme) { .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) { background-color: #e3e4e6 !important; } .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) { background-color: #cccdcf !important; } } } /* Simple Close Tab button */ #TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action { --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important; } /* close tab button */ #TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action { --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important; --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important; } /* close window button */ #TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action { --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important; --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important; }
Achte genau auf die Schreibweisen der Fett hervorgehoben Datei- und Ordnernamen. Nun Firefox starten und die Leiste sollte wieder unten sein.
-
Hallo,
ich habe es so gemacht, wie im Beitrag #7, und es funktioniert. Danke.
Meine userChrome.css sieht so aus:
Code@import "./css/tabs_below_navigation_toolbar_fx65.css"; /* use these to hide the icons or the label text */ #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {display:none!important} #PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {display!important}
Die unteren Zeilen entfernen die Ordner-Symbole am Anfang jedes Eintrags in der Lesezeichen-Leiste. Die habe ich schon länger in der Datei.
Ich meine aber, dass die Lesezeichen-Leiste etwas schmaler ist als vorher. Kann man die etwas höher machen?
Grüße
Andreas -
Bei mir funktioniert es jetzt auch, nachdem ich festgestellt hatte, dass in den css Dateien nicht die korrekten Daten enthalten waren, sondern lediglich der HTML-Code der Webseite, von der ich diese heruntergeladen hatte. Da kann das natürlich nichts werden. Danke AngelOfDarkness für die nochmalige exakte Zusammenfassung.
-
mit der Anleitung #7 funktioniert es.
D.h. lt #8 kann dann der folgende Inhalt entfernt werden ...CSS
Alles anzeigen/* +++++++++++++++ Tabs unten in Firefox 57+ (Quantum) - V 1.0 ++++++++++++++++ */ @import "./tabs_below_navigation_toolbar_fx65.css"; @-moz-document url-prefix(chrome://browser/content/browser.xul){ #toolbar-menubar { -moz-box-ordinal-group: 1 !important;} #nav-bar { -moz-box-ordinal-group: 2 !important;} #PersonalToolbar { -moz-box-ordinal-group: 3 !important;} #TabsToolbar { -moz-box-ordinal-group: 4 !important;}} #nav-bar{ -moz-box-ordinal-group: 1 !important; border-top-width: 0px !important; padding-top: 10px !important;} /* Haupt-Leiste mit Adresse, Suchfeld, Icons */ #PersonalToolbar { -moz-box-ordinal-group: 2 !important;} /* Bookmarks */ #TabsToolbar { -moz-box-ordinal-group: 4 !important; } /* Tab-Leiste */ .tabbrowser-tab:not(:-moz-lwtheme) {border-top: 0px !important} :root {--tab-line-color: #f9f9f9 !important;} /* Farbanpassung aktiver Tab oben */ #TabsToolbar {padding-top: calc(var(--space-above-tabbar) + 0px) !important;} /* Abstand oben verringern bei Tabbar */ .titlebar-placeholder[type="pre-tabs"], .titlebar-placeholder[type="post-tabs"] {width: 0px !important;} /* 1. Tab unten Abstand links statt 40px */
und es stehen nur noch die 4 Zeilen drin.
-
Nun Firefox starten und die Leiste sollte wieder unten sein.
Super, ich Danke Dir dafür, es fuzzt.
Keine Ahnung hatte wohl gestern einen Denkfehler :-?? und habe die Anleitung falsch verstanden. :oops:
Aber da sieht man mal wieder wie Super das Forum hier ist. :klasse:
-
hmmm, leider verstehe ich noch nicht so viel, auch wenn ich noch 4 x lese, weil:
ich weiß noch nicht einmal, was userChrome.css, überhaupt Chrome, geschweige denn ein code hierzu eingegeben werden kann, also auffinden/anlegen, bearbeiten, usf.Kleinlauter Dank schon mal
P.S.: Sorry that I know too little...
-
Du musst zuvor diverse Vorbereitungen machen..
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122615
Für dich trifft dann genau dies zu:
https://www.camp-firefox.de/forum/viewtopi…rt=120#p1056442 -
Danke für die Tips, mit dem neu angelegten Ordner namens css und den beiden Files ist die Tab-Zeile jetzt unten.
Gerne würde ich diese (wenn nur ein Tab offen ist) verschwinden lassen - hatte das bisher so aber mit FF65 geht
das wohl nicht mehr ?? -
Teste mal das Script
https://www.camp-firefox.de/forum/viewtopi…068351#p1068317
Vorher dann aber auch die anderen Vorbereitungen treffen... -
Hallo,
Dank Eurer Hilfe sind die Tabs jetzt wieder grundsätzlich unter der Adresszeile. Bis zum Update hatte ich jedoch mehrere Tabzeilen, sodass es mir diese jetzt überlagert :(. Ich befürchte hier kommen sich die neuen Dateien mit der alten userchrome.css in die Quere. Könntet ihr bitte über meine Inhalte schauen, was da schief laufen könnte?Des Weiteren tritt folgendes Phänomen auf. Habe ich die Titelleiste eingeblendet, kann ich mit Doppelklick neben meinen Tabs einen neuen erzeugen. Blende ich die Titelleiste aus, geht dass nicht. :cry:
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************//****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original author: ***********************************************/
/* https://www.reddit.com/r/FirefoxCSS/c…w_tabs_in_ff57/ ***********/
/****************************************************************************************/@import "./css/tabs_below_navigation_toolbar_fx65.css";
/* tabs height for "classic tabs" */
:root {
--tab-min-height: 25px !important;
}.tabbrowser-tab:not([pinned]) {
flex-grow: 1;
min-width: 130px !important;
max-width: 130px !important;
}.tabbrowser-tab,.tab-background {
min-height: var(--tab-min-height);
}.tab-stack {
width: 90%;
}#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-y: auto !important;
min-height: var(--tab-min-height);
max-height: calc(10*var(--tab-min-height)) !important; /* 10 rows */
}#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
/* Place bindings.xml in the same folder as userChrome.css */
-moz-binding: url("bindings.xml#tabs-scroll") !important;
}#PersonalToolbar {
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar {
-moz-box-ordinal-group: 3 !important;
}#TabsToolbar {
border-bottom:3px solid grey!important}.openintabs-menuitem{
-moz-box-ordinal-group:0!important;
} -
So, jetzt läuft es wieder wie gehabt. Ich habe jetzt diese Variante ausprobiert und eingebaut:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=127119 -
Welche genau aus dem Thread?
GL -
Wahrscheinlich genau die, die ich im Beitrag #5 gepostest habe
-
Danke für die Anleitungen!
Die Basisarbeiten habe ich mit dem verlinkten zip-Ordner durch (meine ich), nur war dabei im
Unterverzeichnis chrome nur die Datei
userChrome.jsohne die beiden anderen Dateien
userChrome.js
userChrome.css
userContent.cssEinen userChrome Editor hatte ich bereits mit dem Inhalt (wofür auch immer):
#TabsToolbar {
-moz-box-ordinal-group:3!important;}#nav-bar {
-moz-box-ordinal-group: 1 !important;
}
#PersonalToolbar {
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar {
-moz-box-ordinal-group: 3 !important;
}Demnach fehlt mir evtl. der Rest vom nun neuen Uvz chome?
Und wie muss ich dann wo/wie den relevanten code für die "Tabs nach unten"-Befehle eingeben (also "code" aufrufen und befüllen)Oh je, oh Dank...
(Mir fehlen def. ein basales Verständnis und ausreichend Affinität für die Materie, ich bin leider nur bewandert in Geisteswissenschaften. Ich gebe mir extrem Mühe!) -