FF 91.02 LZ-+ Symbolleisten: Farben in der userChrome.css funktionieren nicht mehr.

  • in Fett

    Du kannst entweder das vorhandene Icon einfärben per Code.

    Farben findest du z.B. hier:

    html-farben

    Oder das vorhandene Icon etwas größer machen:


    CSS
    #reload-button {
      transform: scale(1.3, 1.3) !important;
      fill: #00008b !important;
    }

    Oder du musst es kompl. gegen ein anderes austauschen.

    Bei den beiden ersten Button musst du aber bedenken, sie sind immer etwas blasser wenn sie noch keine Funktion wie vor oder zurück haben.

    Erst wenn es ein Funktion gibt werden die Farben dunkler:

    CSS
    #back-button,
    #forward-button {
        transform: scale(1.3, 1.3) !important;
      fill: #00008b !important;
    }
  • Oder du musst es kompl. gegen ein anderes austauschen.

    Mal ein Beispiel:

    Die Icons dazu sind in der .zip Datei.

    Icons.zip

  • Mal ein Beispiel:

    ich habe den kommpletten Code kopiert und die zip-Datei heruntergeladen. Installieren ging nicht.Wo muss sie gespeichert werden?

    Die Icons werden mir nicht angezigt. Irgendwo muss ich wohl einen Gedankenfehler gemacht haben. Die anderen Code hierfür habe ich gelöscht .

  • Installieren ging nicht.

    Die .zip Datei entpacken.

    Darin sind die 3 Icons.

    Die Icons musst du dir in einen beliebigen Ordner einfügen, und dann den Pfad dorthin im Code anpassen.

    Also in diesem Teil jeweils vom Code:

    list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/links.png") !important;

    Und den kompl. neuen Code dann einfach unter deinem vrohandenen in die userChrome.css einfügen.

    • Hilfreichste Antwort

    Oder du nimmst diesen kompl. Code in deine userChrome.css Datei:

  • list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/links.png") !important;

    Da die Datei in den Download-Ordner entzippt wurde, ist 3x der Pfad, wie unten angegeben, geändert worden. Anschließend in den Chrome-Ordner unter den anderen Codes eingefügt.

    Trotzdem ist im Firefox an Stelle der 3 neuen Icons alles leer.

    Alle Größen von 1.3 geändert auf 1.8. und FF neu gestartet.

    list-style-image: url("file:///C:/Users/Andi/Downloads/Icons%20Firefox/links.png") !important;

  • Trotzdem ist im Firefox an Stelle der 3 neuen Icons alles leer.

    Dann nimm den Code aus Beitrag Nr.30


    list-style-image: url("file:///C:/Users/Andi/Downloads/Icons%20Firefox/links.png") !important;

    Bei dir müsste der Pfad dann wohl auch so aussehen:

    list-style-image: url("file:///C:/Users/Andi/Downloads/links.png") !important;

    Aber auch nur, wenn dein PC auch Andi heißt, ansonsten müsste dein Name auch noch angepasst werden.

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (28. August 2021 um 12:35) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • list-style-image: url("file:///C:/Users/Andi/Downloads/links.png") !important;

    So, bin wieder da. Andreas, (s. Anhang) es hat geklappt und es sieht toll aus. :) :) :)

    Hast du die schönen Farben ausgesucht, oder sind sie in diesem Fall standardmäßig?

    Eigentlich hätte oben der Pfad, bis auf den Usernamen, funktionieren müssen.

    Mit "list-style-image: url("data:image/png;base64 ...... " sind es 3 unterschiedliche lange Pfade.

    Sind das Universal-Pfade, die auch ohne Usernamen mit beliebigen Ordner eingesetzt werden können?

    Vielen Dank Andreas für deine super Unterstützung

    und wünsche dir ein schönes Wochenende

    LG Andy

  • data:image/png;base64

    Das ist ein umgewandeltes Icon/Bild.

    Der Code würde so auf jedem anderen PC also auch funktionieren.

    Siehe dazu auch hier:

    Base64 – Wikipedia

    Die 3 Icons aus der .zip Datei werden also nicht mehr benötigt.

    Hast du die schönen Farben ausgesucht

    Die sind in dem alten Code von dir so enthalten gewesen, du könntest sie also beliebig ändern.

    es sieht toll aus.

    So sollte es ja auch sein.

    Freut mich wenn ich dir damit helfen konnte :)

    wünsche dir ein schönes Wochenende

    Danke, das wünsche ich dir auch...bleib gesund.

  • #29 v. 28.08.21

    Oder du nimmst diesen kompl. Code in deine userChrome.css Datei:

    Hallo Andreas,

    ich habe leider wieder das Problem mit dem Code. Das Thema wurde hier ausführlich besprochen.

    Nachdem ich Windows 10 neu aufsetzen und Firefox 93 (64 bit) herunterladen musste, habe ich im neuen FF-Profil einen chrome-Ordner erstellt und in der neuen Textdatei den kompletten Code einkopiert.

    Die Farben werden nicht angenomen (s. Bild)..Eine logische Erklärung ist nicht zu finden. Hat sich evtl. der Code zwischen FF 91 und 93 geändert?

    LG Andy

  • toolkit.legacyUserProfileCustomizations.stylesheets

    Hallo,

    ist und war auf "true" , vielleicht ist in meinem Code etwas nicht richtg übertragen. Deshalb sende ich den aktuellen erneut------

    unter "userContent.css" ist

    ------------------

    ist das imer noch so richtig?


    LG Andy

    Edit 2002Andreas
    Text in Klammercode </> gesetzt.

  • vielleicht ist in meinem Code etwas nicht richtg übertragen

    Alles ok, sieht hier so aus damit:


    Evtl. hilft dir das weiter:

    https://mozhelp.dynvpn.de/dateien/forum/ff-userChrome-erstellen.mp4


    in der neuen Textdatei

    Sieht das auch so bei dir aus?

    Dateiendung .css

    Dateityp passt auch?

    Du bist im richtigen Profilordner?

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    2 Mal editiert, zuletzt von 2002Andreas (22. Oktober 2021 um 19:01) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Windows 10 neu aufsetzen und Firefox 93 (64 bit

    das hab ich auch gemacht und alles gelöscht beim zurücksetzen.. jetzt nimmt bei mir die Lesezeichen-Ordner-Icon's nicht an..

    alles andere hat geklappt so wie ich es sehe..

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 131.0.3
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2