Tableiste unten

wieder_er

Hallo liebe Gemeinde,

ich habe ein neues Gerät und wieder einmal das Problem mit der Justierung der Tab Leiste. Ich hätte sie gerne unten, darüber die Lesezeichenleiste, darüber die Webzeile und darüber die Menueleiste. Zudem möchte ich die Lesezeichen nur mit Schrift haben.

Habe einige css codes von hier probiert, aber leider ohne Erfolg.

chrome ist als Ordner eingerichtet

userChromecss Ordner habe ich erstellt

Kann mir jemand helfen?

Danke und Gruß Klaus

2002Andreas

Zitat von wieder_er

Habe einige css codes von hier probiert,

Welche denn, nicht das wir dir jetzt alles doppelt anzeigen?

Dieser Schalter in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht bei dir auf true?

Wenn nicht, dann bitte umstellen.

wieder_er

Hallo Andreas,

habe ich soeben umgestellt.

Hier das, was ich aus dem Forum verwendet habe:

CSS

@charset "UTF-8";


/* Tab-Leiste unterhalb der Symbolleiste verschieben */

#titlebar { -moz-box-ordinal-group: 2; }


/* Menü nach oben verschieben */

#toolbar-menubar { position: fixed; display: inline-flex; }

[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,

[sizemode="normal"] #toolbar-menubar { top: 1px; }

[sizemode="maximized"] #toolbar-menubar { top: 8px; }


/* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */

#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; }

#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; }


/* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */

[tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; }


/* Titelleistenschaltfläche nach rechts oben verschieben */

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,

[tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; }

[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; }

[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; }

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; }


/* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der

Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */

#navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }


/*Mehrzeilige Tableiste */

tabs > arrowscrollbox { display: block; }

scrollbox[part][orient="horizontal"] {

display: flex;

flex-wrap: wrap; }

tabs tab[fadein]:not([pinned]) { flex-grow: 1; }

tabs tab,.tab-background { height: var(--tab-min-height); }

tab > .tab-stack { width: 100%; }


/* Tableiste Linken und rechten Ziehbereich Ausblenden

Links und rechts → hbox.titlebar-spacer

Nur links → hbox.titlebar-spacer[type="pre-tabs"]

Nur rechts → hbox.titlebar-spacer[type="post-tabs"] */

hbox.titlebar-spacer

,

/* Ausblenden */

#alltabs-button,tabs tab:not([fadein]),

[class="scrollbutton-up"],[class="scrollbutton-up"] ~ spacer,

[class="scrollbutton-down"] { display: none; }


#titlebar {

margin-top: -25px !important;

}

Alles anzeigen

Edit 2002Andreas
Text in Klammercode </> gesetzt.

2002Andreas

Teste bitte mal:

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-min-height: 27px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 27px !important; 
    }
}

Alles anzeigen

Edit:

Code in Zeile 5 um !important erweitert.

wieder_er

Hallo nochmal,

es ist wie zuvor, ohne Änderungen.

2002Andreas

So sieht das hier mit dem Code aus:

Überprüf also bitte deine gemachten Einstellungen.

wieder_er

...ich denke vielleicht einen Fehler beim Erstellen des chrome und userChromecss gemacht zu haben.

Daher die Frage: ist es richtig die Datei über den Editor einzufügen?

milupo

Zitat von wieder_er

userChromecss

Die Datei heißt userChrome.css - mit Punkt!

2002Andreas

Zitat von wieder_er

die Datei über den Editor einzufügen?

Ja.

Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

wieder_er

so habe ich sie auch geschrieben:

chrome

userChrome.css

und dann die Eingabe über den Editor unter userChrome.css

2002Andreas

Das passt so auch nicht.

Im Profilordner den Odner chrome erstellen.

Im Ordner chrome eine userChrome.css Datei erstellen.

Bei dir passt das mit den Dateiendungen nicht, siehe meinen Beitrag Nr. 9

So muss das ausssehen:

wieder_er

ich habe das Häkchen nun entfernt.

Habe ich denn deinen Informationen nach die Ordner nicht im Profilordner erstellt?

Bin auf die drei horizontalen Striche

dann auf Hilfe

dann Informationen zur Fehlerbehebung

dann auf "Profilordner" Profilordner öffnen

und habe die Einträge vorgenommen.

Wo ist mein Fehler?

2002Andreas

Zitat von wieder_er

Wo ist mein Fehler?

Screenshot Nr 2 von dir.

Es gibt keinen Ordner userChrome.css, sondern nur die Datei userChrome.css direkt im Ordner chrome.

wieder_er

...sorry, wenn ich begriffsstutzig bin, aber ich habe den Odner chrome und darin den Ordner userChrome.css und darin den Code mit dem Editor eingefügt

2002Andreas

Zitat von wieder_er

darin den Ordner userChrome.css

Sagte ich doch, es gibt keinen Ordner userChrome.css

Im Ordner chrome kommt nur die Datei userChrome.css.

milupo

Zitat von wieder_er

...sorry, wenn ich begriffsstutzig bin, aber ich habe den Odner chrome und darin den Ordner userChrome.css und darin den Code mit dem Editor eingefügt

Es gibt keinen Ordner userChrome.css, sondern nur die Datei userChrome.css. Und die muss in den Ordner chrome.

wieder_er

aber der Eintrag ist gelb; ist das denn kein Ordner?

Bei Typ steht Dateiordner

Es ist zum verzweifeln

2002Andreas

Zitat von wieder_er

ist das denn kein Ordner?

Du brauchst nur den einen Ordner chrome.

Und darin die Datei.

Siehe meinen Screenshot in Beitrag Nr. 11

milupo

Zitat von wieder_er

aber der Eintrag ist gelb; ist das denn kein Ordner?
Bei Typ steht Dateiordner

Ja, weil duch ihn fälschlicherweise angelegt hast. Nochmal - weg damit!

wieder_er

ich bekomme keinen Eintrag wie in Screenshot 11

sondern

Tableiste unten

Ähnliche Themen

Fx 133 > Tableiste unten per CSS-Code, oder per Skript.

Fx 72: Tableiste ist oberhalb der Adressleiste statt unterhalb

[Firefox 72] Wie Tableiste wieder ganz nach unten bringen? GELÖST

Firefox 70 - Tabs wieder oben

Tabs nach unten machen