bekomme mehrzeilige Tableisten (auch gerne mehrzeilige persönliche Leiste) nicht hin...

Wichtelmann

Ich habe derzeit folgende Datein in meinem Chrome-Ordner im Profilverzeichnis

userChrome.js

Code

/*
 * userChromeJS
 *
 * The file userChrome.js can be used to customize the functioning of Mozilla's
 * user interface. Usage and syntax follow below; for useful code snippets see
 * http://mozilla.zeniko.ch/userchrome.js.html.
 *
 * Examples:
 * setTimeout(function() { document.title = "A new title for every window" }, 2000);
 *
 * if (location == "chrome://browser/content/browser.xul") {
 *   alert("Script loaded in main browser only");
 * }
 *
 * // DOMi window
 * if (location == "chrome://inspector/content/inspector.xul") {
 *    // Move Urlbar box to main toolbar
 *    var tb = document.getElementById('bxURLBar');
 *    var el = document.getElementById('mbrInspectorMain');
 *    if (tb && el) el.appendChild(tb, el.firstChild);
 * }
 *
 * NOTE:
 * userChromeJS includes an 'import' function to facilitate file management.
 * An absolute path or relative path with Directory name property token can be
 * used, as follows:
 *
 * // Single file (javascript .js or overlay .xul file)
 * userChrome.import("Full file path");
 * userChrome.import("Relative file path", "Token");
 * // All .js and .xul files in a folder will be loaded.
 * userChrome.import("Full file folder path");
 * userChrome.import("Relative file folder path/name", "Token");
 * userChrome.import("*", "Token");
 *
 * NOTE:
 * Absolute windows files and folders must be have backslash escaped:
 * "C:\\Program Files\\Mozilla\\scripts\\myscript.js"
 *
 * Examples:
 * // Import script in [ProfileDir]/chrome/scripts/myscript.js
 * userChrome.import("scripts/myscript.js", "UChrm");
 * // Import script in [Profiles]/scripts/myscript.js (share same script in
 * // multiple profiles
 * userChrome.import("scripts/myscript.js", "DefProfRt");
 * // All .js or .xul in profile chrome directory
 * userChrome.import("*", "UChrm");
 * // Import overlay
 * userChrome.import("C:\\Program Files\\Mozilla\\scripts\\myOverlay.xul");
 * // Import everything in Desktop folder /scripts
 * userChrome.import("scripts", "Desk");
 * // Perhaps the only thing you need in this file..
 * if (location == "chrome://browser/content/browser.xul") {
 *  userChrome.import("scripts", "DefProfRt");
 * }
 *
 * NOTE:
 * For a full listing of directory tokens see the two links found here:
 * https://developer.mozilla.org/en-US/Add-ons/Code_snippets/File_I_O#Getting_files_in_special_directories
 * // What's the path for a token? This will print it in the console.
 * userChrome.log(userChrome.getAbsoluteFile("Desk").path, "getAbsoluteFile:'Desk'");
 *
 * NOTE:
 * userChromeJS includes a log function, invoked as follows:
 * userChrome.log("string1"[, "string2"])
 * Example:
 * userChrome.log("hello world!", "myscript.js");
 * Results in a console message:
 * 2009-05-22 18:07:40 userChromeJS myscript.js: hello world!
 *
 * NOTE:
 * The date format for the userChrome.log console logger may be user defined:
 * Example:
 * userChrome.dateFormat = "%Y-%m-%d %H:%M:%S";
 *
 * NOTE:
 * The default charSet is "UTF-8"; for code using the 'import' or
 * 'importFolder' functions to manage files, the charSet for subscript loader
 * may be user defined, prior to calling the import or importFolder functions:
 * Example:
 * userChrome.charSet = "UTF-8";
 *
 * NOTE:
 * Scripts are stored in a startup cache and loaded from it.
 * After a change in userChrome.js you heve to restart Firefox with clearing
 * this cache to make sure the changed file is read.
 * By default this applies to imported .js files too. You can bypass the cache
 * for these scripts with this statement BEFORE any import statement:
 * userChrome.ignoreCache = true;
 *
 */
/* LocationbarCharacters.uc.js */

function initLocationBarCharacters() {
    var urlbar = window.document.getElementById("urlbar"),
        textBox = window.document.getElementById("urlbar-input-container"),
        cxmenu = textBox.getElementsByClassName("textbox-contextmenu"),
          cxmenu = cxmenu.item(0)
        separator = document.createXULElement("menuseparator"),
        menu = document.createXULElement("menu"),
        popup = document.createXULElement("menupopup"),
        labelArray = [
        "* Lesezeichen",
        "+ Schlagworte",
        "$ Web-Adressen (URLs)",
        "# Seitentitel",
        "% Aktuell geöffneten Tabs",
        "^ Chronik",
        "? Eingegebene Seiten"
        ];
      var i;

        insertCharacters = function(sym) {
            var urlbar = window.document.getElementById("urlbar"),
                  urlbarInput = window.document.getElementById("urlbar-input"),
                urlbarText = urlbarInput.value,
                urlbarFocus = window.document.getElementById("Browser:OpenLocation");
                  // urlbarFocus = window.document.getElementById("focusURLBar");
            var pos;
            var insertText;

            urlbarFocus.doCommand();

            if (urlbarText.length === 0) {
                urlbarText = sym;
                insertText = sym;
            } else if (urlbarText.slice(-1) === " ") {
                urlbarText = urlbarText + sym;
                insertText = sym;
            } else {
                urlbarText = urlbarText + " " + sym;
                insertText = " " + sym;
            }
            urlbarInput.value = urlbarText;
            urlbarInput.dispatchEvent(new InputEvent("input", {inputType: "insertText", data: insertText}));
            pos = urlbarText.length;
             urlbarInput.setSelectionRange(pos, pos);

        },
        makeMenuItem = function(label) {
            var sym = label.slice(0, 1),
                node = document.createXULElement("menuitem");
            node.setAttribute("label", label);
            node.addEventListener("command", function() { insertCharacters(sym); }, false);
            popup.appendChild(node);
        };

    menu.setAttribute("label", "Einfügen (* + $ # % ^ ? )" );
    menu.appendChild(popup);
    for (i = 0; i < labelArray.length; i += 1) {
        makeMenuItem(labelArray[i]);
    }
    cxmenu.appendChild(separator);
    cxmenu.appendChild(menu);
}

initLocationBarCharacters();

Alles anzeigen

userChrome.css

CSS

/* -------------------------------------------*/
/* Mehrzeilige Tabreihen (Abgerundete Ecken) */
/* -------------------------------------------*/
/* Tab-Höhe */
.tabbrowser-tab {
min-height: 28px !important;
max-height: 28px !important;
vertical-align: bottom !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
}
/* Feste Breite des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 130 !important;
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
margin-right: -41px !important;
}
tabs > arrowscrollbox {
display: block;
}
/* Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
    overflow-x: hidden;
    overflow-y: auto;
}
/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]),
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] {
display: none;
}
tabs tab {
border-left: solid 1px hsla(0,0%,50%,.5);
border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}
#TabsToolbar:not(:-moz-lwtheme){
color: black !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/
#tabbrowser-tabs :not([fokus]){
opacity: 1!important;
}
/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
color: white !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
color: black !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
color: white !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
display: none !important;
}
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: unset !important;
border-top: unset !important;
outline: none !important;
}
/* Tab-Schließen-Button entfernen
.tabbrowser-tab .tab-close-button {
visibility: collapse !important;
}*/
/* Abgerundete Ecken */
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background
{
margin-right : -1px !important;
background: unset;
border-radius: 80px !important;
border: 1px solid rgba(0,0,0,0.1) !important;
}
/* Tab-Seperatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: none !important;
width: 2 !important;
}
/*ungelesene TAbs kursiv; ach private Tabs*/
#main-window .tabbrowser-tab[titlechanged] {
font-style: italic;
}
#main-window[privatebrowsingmode] .tabbrowser-tab[titlechanged] {
font-style: italic;
}


/*------------------*/
/* Tab-Hintergrund */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
/*background-image: linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ), none !important;*/ /* rot */
filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important;
border-radius: 80px !important;
}
.tab-background[selected=true]:-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important;
border-radius: 80px !important;
}
/*--- hover(nicht selektiert) ---*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ), none !important;
filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
border-radius: 80px !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
border-radius: 80px !important;
}
/*--- nicht selektiert ---*/
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ), none !important;
filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
border-radius: 80px !important;
}
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
border-radius: 80px !important;
}
/*--- Multi-selektiert ---*/
.tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
border-radius: 80px !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
border-radius: 80px !important;
}



.tab-background[selected="true"] {
background: #F09800 !important;
border-radius: 80px !important;
border:0px solid black!important;
}




.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}




.tab-line {
display:none!important
}




.tabbrowser-tab{
margin-right:5px!important;
}




menuitem[label="TextNotes"] {
display: none !important;
}
#testing_duckduckgo_com-menuitem-1 {
display: none !important;
}




@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {




.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}








@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") {




treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;}




}




@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
?? ? hbox.titlebar-spacer
? ? hbox.titlebar-spacer[type="pre-tabs"]
? ? 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; }




#tabbrowser-tabs[closebuttons="activetab"] > .tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
display: flex !important;
}




/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {




[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !important;
}




#titlebar,#tabbrowser-tabs {
appearance: none !important;
}




[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}




/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}




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




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




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




box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}




hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]) {
display: none;
}




/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 170px !important;/* Minimale Tabbreite 76px */
max-width: 170px !important;/* Maximale Tabbreite 225px */
}
}




/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]),
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] {
display: none;
}
tabs tab {
border-left: solid 1px hsla(0,0%,50%,.5);
border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}




#TabsToolbar:not(:-moz-lwtheme){
color: black !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}
/* Tab-Höhe */
.tabbrowser-tab {
min-height: 32px !important;
max-height: 32px !important;
vertical-align: bottom !important;
margin-top: 1px !important;
margin-bottom: 2px !important;
}

Alles anzeigen

2002Andreas

Hallo und Willkommen hier im Forum. ?

Schon mal vorweg, in der userChrome.js gehören nur diese beiden Einträge:

userChrome.ignoreCache = true;

userChrome.import("*", "UChrm");

und nichts weiter.

Alle Scripte mit der Endung .uc.js gehören als einzelne Datei in den Ordner chrome.

Du solltest dir die benötigten Vorbereitungen für Scripte und Codes noch mal ganz inn Ruhe durchlesen.

Dein Code in der userChrome.css funktioniert ansonsten einwandfrei.

Wichtelmann

Hm, danke für die Hinweise. Habe die .js angepasst.

Ach ja und sorry! danke für das "Willkommen" und ein freundliches Hallo ins Forum zurück, wollte nicht unhöflich erscheinen.

Dennoch funktioniert das bei mir nicht. Ich habe FF beendet und neu gestartet. Reicht das ggf nicht, muss ich noch etwas beachten?

Die meisten inweise und Codes, die ich gefunden hab beziehen sich immer auf Versionen <81.x

grisu2099

Der Schalter: "toolkit.legacyUserProfileCustomizations.stylesheets" in about:config steht bei dir auf "true"?

Falls nicht, umstellen, sonst kann dein CSS-Code nicht funktionieren.

Wichtelmann

Zitat von grisu2099

Der Schalter: "toolkit.legacyUserProfileCustomizations.stylesheets" in about:config steht bei dir auf "true"?
Falls nicht, umstellen, sonst kann dein CSS-Code nicht funktionieren.

OK erste Hürde geschafft, das war in der Tat falsch!
Jetzt klappt es, jedoch ist die Lesbarkeit bescheiden... Die weiße Schrift mit schwarzen Schatten ist nicht optimal. Kann man da noch was dran ändern? Oder ist das eine Frage des Themes?

Gibt es für die persönliche Tableiste auch so eine Lösung?

grisu2099

Ein Screenshot wäre eventuell hilfreich...

Welches Theme verwendest du?

2002Andreas

Zitat von Wichtelmann

Habe die .js angepasst.

Diese Datei brauchst du nur, wenn du Scripte nutzen möchtest.

Allerdings bedarf es dann noch weiteren Vorbereitungen dafür.

Für CSS Codes allein brauchst du nur eine userChrome.css für Änderungen am Firefox.

Möchtest du auch die Optik von Webseiten verändern, dann brauchst du dazu noch eine userContent.css Datei.

Zitat von Wichtelmann

Die weiße Schrift mit schwarzen Schatten ist nicht optimal.

Ändere im Code die Zeile 61 und 72 mal zu:

text-shadow: none !important;

und teste dann (Neustart nicht vergessen)

milupo

In den Zeilen 48, 65 und 73 hast du die Angabe color: white für die Schriftfarbe. Unmittrelbar darüber hast du text-shadow: für die Schattenfarbe. Dort ist mit #000000 Schwarz als Farbe angegeben (man könnte auch black schreiben). Du kannst den hexadezimalen Farbcode oder einen englischen Farbnamen für deine Wunschfarben angeben. Wenn du damit nichts anfangen kannst, sage deine Wunschfarben und einer von uns sagt dir den entsprechende Farbcode bzw. Farbnamen.

In Zeile 233 musst du die Dateiendung xul durch xhtml ersetzen, sonst wird die in Zeile 239 definierte Grafik nicht angezeigt.

Wichtelmann

Zitat von milupo

In den Zeilen 48, 65 und 73 hast du die Angabe color: white für die Schriftfarbe. Unmittrelbar darüber hast du text-shadow: für die Schattenfarbe. Dort ist mit #000000 Schwarz als Farbe angegeben (man könnte auch black schreiben). Du kannst den hexadezimalen Farbcode oder einen englischen Farbnamen für deine Wunschfarben angeben. Wenn du damit nichts anfangen kannst, sage deine Wunschfarben und einer von uns sagt dir den entsprechende Farbcode bzw. Farbnamen.
In Zeile 233 musst du die Dateiendung xul durch xhtml ersetzen, sonst wird die in Zeile 239 definierte Grafik nicht angezeigt.

Spitze! Bisher perfekt, hatte versucht mit dem Webinspektor die CSS zu finden, aber das klappte nicht.

Die Mehrzeilige Spalte ist nun 3 Spalten groß, kann man das noch vergrößern?

Und nochmal die Frage nach der mehrspaltigen Persönlichen Tableiste, die sich nun direkt darübr befindet.

2002Andreas

Zitat von Wichtelmann

nach der mehrspaltigen Persönlichen Tableiste,

Was genau meinst du damit?

Deine Lesezeichensymbolleiste?

Wichtelmann

Zitat von 2002Andreas

Zitat von Wichtelmann

nach der mehrspaltigen Persönlichen Tableiste,

Was genau meinst du damit?
Deine Lesezeichensymbolleiste?

genau die meine ich

Die 4-Zeilen der Tableiste hab ich schon selbst hin bekommen

2002Andreas

Zitat von Wichtelmann

genau die meine ich

Dann teste bitte:

CSS

/* Mehrzeilige Lesezeichen-Symbolleiste */

@-moz-document url("chrome://browser/content/browser.xhtml") {

#PersonalToolbar {
min-height: 25px !important;
}

#PersonalToolbar {
min-height: calc(25px * 2) !important; /* damit werden 2 Reihen angezeigt */
}

#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
display: flex !important;
}

#PersonalToolbar toolbarbutton {
min-height: 25px !important;
max-height: 25px !important;
}

#PlacesToolbarItems {
display: flex !important;
flex-wrap: wrap !important;
overflow-x: visible !important;
overflow-y: auto !important;
}

#PlacesToolbarItems {
-moz-window-dragging: no-drag !important;
}

#PlacesToolbar #PlacesChevron {
display: none;
}
}

Alles anzeigen

Wichtelmann

Klappt alles VIIIELEN DANK!

2002Andreas

Danke für die Rückmeldung. ?

Schön dass du dein Problem lösen konntest.

milupo

Zitat von Wichtelmann

Bisher perfekt, hatte versucht mit dem Webinspektor die CSS zu finden, aber das klappte nicht.

Das macht nichts, der Versuch zählt. Beim nächsten Mal klappt es. Aber Ursache ist hier, dass du die Browserwerkzeuge hättest nehmen müssen, nicht den Webinspektor. Der Webinspektor ist für Webseiten, Tabs gehören aber zur Benutzeroberfläche von Firefox.

Wichtelmann

Zitat von milupo

...dass du die Browserwerkzeuge hättest nehmen müssen, nicht den Webinspektor.

...müsste ich sie nur noch finden

grisu2099

Versuch mal Strg + Umschalt + Alt + I (großes i)

Wichtelmann

Zitat von grisu2099

Versuch mal Strg + Umschalt + Alt + I (großes i)

Abgesehen von gebrochenen Fingern ist nix passiert

grisu2099

Dann hast du die Browserwerkzeuge noch nicht aktiviert.

Öffne den Webinspektor und klicke dort auf die 3 Punkte. Dann Einstellungen.

In den Einstellungen: rechte Spalte ganz unten Häkchen machen, wie auf dem Screenshot.

Eventuell mußt du den Fuchs einmal neu starten.

milupo

Zitat von grisu2099

Versuch mal Strg + Umschalt + Alt + I (großes i)

Natürlich reicht hier kleines I, ich nehme mal an, dass grisu2099 nur darauf hinweisen wollte, dass es sich nicht um ein kleines L handelt.

Zitat von grisu2099

Öffne den Webinspektor und klicke dort auf die 3 Punkte. Dann Einstellungen.
In den Einstellungen: rechte Spalte ganz unten Häkchen machen, wie auf dem Screenshot.

Wichtelmann Wenn du das gemacht hast, hast du auch einen Eintrag Browser-Werkzeuge unter Extras --> Web-Entwickler

Wenn du mehr über die Arbeit mit dem Webinspektor und den Browser-Werkzeugen wissen möchtest, kannst du dir folgende Anleitung durchlesen:

Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen