Beiträge von Wichtelmann
-
-
-
-
-
-
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.
-
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?
-
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
-
Ich habe derzeit folgende Datein in meinem Chrome-Ordner im Profilverzeichnis
userChrome.js
Code
Alles anzeigen/* * 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();
userChrome.css
CSS
Alles anzeigen/* -------------------------------------------*/ /* 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; }