Icons in Hamburger-Menü und den anderen Menüs einbauen.

Du benötigst Hilfe bezüglich Firefox? Bitte stelle deine Frage im öffentlichen Bereich des Forums und nicht per Konversation an wahllos ausgesuchte Benutzer. Wähle dazu einen passenden Forenbereich, zum Beispiel „Probleme auf Websites“ oder „Erweiterungen und Themes“ und klicke dann rechts oben auf die Schaltfläche „Neues Thema“.
  • Aber ich teste weiter auch wenn ich weiss dass ich es nicht hinkriege.

    Sei aber nicht enttäuscht, wenn du es doch hinkriegst. :)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, WordPress und Facebook

  • Boersenfeger hat in seinen Css-datei für Hamburger-menü das so eingetragen..


    /* AGENT_SHEET */

    @import "Submenu-Chronik.css";

    @import "Submenu-Hilfe.css";

    @import "Submenu-Sonstige.css";

    @import "Submenu-Webentwickler.css";


    /* Hamburger Panel Anfang */


    /* Ausblenden */


    #appMenu-bookmarks-button,

    #appMenu-history-button,

    #appMenu-help-button,

    #appMenu-downloads-button {

    display: none !important;

    }


    /* Separatoren entfernen */


    #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {

    display: none !important;

    }


    ich hab im *Ausblenden* das #appMenu-help-button eingetragen, aber es zeigt immer noch an. Und von dort will ich auch *Weitere Werkzeuge* entfernen..



    warum geht das nicht? :)

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • warum geht das nicht?

    Weil die Bezeichnung nicht stimmt ;)


    CSS
    #appMenu-more-button2,
    #appMenu-help-button2 {
      display: none !important;
    }

    Besten Dank.

    Wenn ich dort mit dem Maus auf *daten sychronisieren und speichern* und *Zoom* gehe wird es weiss, wie kann ich das noch ändern? :D


    würde es gerne so haben wie beim *neuer tab* button.


    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • wie kann ich das noch ändern?

    Meinst du das so?


    CSS
    #appMenu-zoom-controls2:hover,
    #appMenu-fxa-text:hover {
      background: lightgrey !important;
    }

    nein, so wie beim 2.ten bild von mir. habs editiert.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • Teste bitte:


    CSS
    #appMenu-fxa-label2:hover {
      background: lightgrey !important;
    }

    Farbe wenn dann anpassen.


    Bei Zoom und hover sieht das hier so aus: :/


    Mit freundlichem Gruß
    Andreas
    Mein Laptop    Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas () aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • hab es in einem Css-datei reinkopiert funkt aber nicht.


    #main-menubar menupopup menu:hover,

    #main-menubar menupopup menuitem:hover {

    color: black !important;

    }

    #appMenu-fxa-label2:hover {

    background: blue !important;

    }


    das ober hab ich auch von dir.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • funkt aber nicht.

    ahhh.. hab jetzt gesehen.. das *Anmelden* button wird blau aber das vorne nicht..

    und das mit zoom auch nicht..


    oben: wenn ich auf *anmelden* gehe mit maus wird es blau. wenn vorne neben icon gehe mit maus bleibt es weiss.


    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • aber das vorne nicht..

    Auch nicht mit dem Code aus Beitrag Nr. 66 ?

    auch mit dem sieht es aus wie meinem beitrag nr. 71

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • sieht es aus wie meinem beitrag nr. 71

    Kannst du bitte mal den kompl. Code von dir bezüglich dem Hamburger Menü posten.


    Also mit den Icons und dem blauen Hintergrund.

    hab die code jetzt so gemacht:

    #main-menubar menupopup menu:hover,

    #main-menubar menupopup menuitem:hover {

    color: black !important;

    }

    #appMenu-zoom-controls2:hover,

    #appMenu-fxa-text:hover {

    color: black !important;

    background: blue !important;

    }

    und so sieht es aus:



    und das ist die Code von Boersenfeger


    HamburgerIconsDivAusgeblendet.zip

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • so sieht es aus:

    In Zeile 11 sprichst du #appMenu-fxa-text:hover an mit Hintergrund blau, was nicht funktioniert.


    In Zeile 56 sprichst du den selben Wert an, und da muss dann die Farbe angegeben werden:


    background: blue url(....


    Wobei in deinem Code nichts ist, was den kompl. Hintergrund blau und die Schrift dann weiß färbt.

    Du musst also noch einen weiteren Code nutzen.


    Der Hintergrund für Zoom wird in Zeile 209 festgelegt:


    background: #efefef url(...


    Es ist immer schwierig nachzuvollziehen was jemand genau möchte, wenn der kompl. Code fehlt.


    Bei diesem Code wäre zumindest bei hover der Hg immer gleich.


    Hamburger.zip


  • Noch etwas.


    Du sprichst den Eintrag Zoom mit:


    label.toolbarbutton-text:nth-child(1) {


    an.

    Nachteil, sollte Mozilla mal einen neuen Eintrag erstellen, oder einen vorhandenen entfernen, dann passt der Code nicht mehr wegen der (1).


    Besser wäre also ihn direkt anzusprechen:


    #appMenu-zoom-controls2


    Weitere Möglichkeit wäre noch:


    #appMenu-popup label[value="Zoom"]

  • ich benütze zusätzlich noch das hier..

    die CSS, die ich dir geschickt habe also oben gepostet habe ist von Boersenfeger.

    Ich verstehe leider nichts von coden.


    Firefox Color – Holen Sie sich diese Erweiterung für 🦊 Firefox (de)
    Laden Sie Firefox Color für Firefox herunter. Build, save and share beautiful Firefox themes.
    addons.mozilla.org

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo

  • Kannst du mir evtl sagen wie ich in dem Code wo du hier gepostet hast zuletzt,

    den Button (hintergrund von : Anmelden) verkleinern kann?

    Ich meine den Hellblauen button.


    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 93.0
    Edition: Windows 10 Home
    Version: 21H1
    System-Typ: 64-Bit-Betriebssystem

    Freundliche Grüsse
    Ramo