Beiträge von omar1979

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

    So.. endlich fertig mit dem Hamburger-Menü :)

    Hier eine Vorschau..

    und hier die der ganze HamburgerMenu-Ordner darin all die Hamburger-Css-Dateien.

    Wer es benützen und ändern will kann das tun. Als erstes den Zip entpacken darin ist der HamburgerMenu Ordner enthalten. Von dort muss man nur die HamburgerMenu.css ins userChrome.css eintragen. :)

    HamburgerMenu.zip

    Nochmals ein Dankeschön an alle Helfer und Code-Besitzern. :)

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

    Kann mir jemand sagen wo ich evtl diesen hintergrund von *anmelden* finde?

    Oder wie man den nennt?
    Habe im Hamburger-Menü alles geändert fehlt nurnoch dieser Ort.

    Ich will dort die Farbe ändern so wie ich beim Zoom gemacht habe.

    Da ein Screen wie es im Moment aussieht:

    So siehts aus wenn mit Maus auf *anmelden* komme.

    So siehts aus wenn ich mit Maus auf *Dateien synchrosieren und speichern* komme.

    Und hier ist die ganze Code als ZIP.

    HamburgerMenu.zip

    PS: ich benütze auch das Addon Firefox Color.

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

    Zitat von 2002Andreas
    Zitat von omar1979

    Test.

    :thumbup:

    Nur mal so als Hinweis in diesem Fall.

    Dein kompl. Code wäre dafür allerdings viel zu groß, weil mehr als 100.000 Zeichen.

    Das geht dann nur als .zip Datei.

    Die Erfahrung hab ich schon gemacht. Danke :)

    Zitat von 2002Andreas
    Zitat von omar1979

    muss ich bei allen padding-left:

    Ändere mal den ersten Wert bei:

    background-position:7px 14px!important;

    also auf z.B. 3px

    Habe jetzt beim padding-left und background-position für nur das oberste Icon zum test gemacht.

    das ist die Code von dort:

    und das sieht dann so aus:

    ich denke muss überall im ganzen Code diese Werte ändern so wie diesem Teil.

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

    Test. Danke dir^^

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

    Zitat von 2002Andreas
    Zitat von omar1979

    noch etwas höher stellen?

    Such bitte in deinem Code mal nach diesem Teil:

    CSS
        #appMenu-fxa-text{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADcElEQVR4nHVTXWxTZRh+zzntOafn9Gdt3enoz8po2dauMLYat6iom5OpCwMGmswrLjRecAGBkDkTkCtCiDeQaGKCF7vQoBL0gpARJyFTxCDQwqA/6Nba/bU9Xdedru1pe3441Y2MGJ7kTb683/c835PvfT4E1jB66E2zQ2/4WG8wD+KUzmgwvsCwqYWSUC4VVSKXZsz6B6HH8c+OnPslBRuArS8yCzGqu9075vG2tkp8zhwLXieTM0HdcipmSubKlv1793Q1O5kjO1u08nfXo5P/Ezh/bOh0y9bNfdmFx8AmQiBUy4ChKFTxhspAfy9eb9ICRWCow2rqfcOjt34zEb3yVODCSM9Aq8t+vlLioLiSVjoIEFojqEmtfPt+5F5yOkgE7tymljJpqDfqwLmpzv+iiwpfmow/QmsCjYzxKzUiAggFIEkCArH83G+h9JiAGVJ3Zrh9uNpkUxH4udzyMvx6609IZ5Zg21b7F7WbsAuf9HXsaLYdl8QKIDLA71MJ9tufA+2hxeSP2z3t5MXxwJUbIVacCC6N7+5u7K7T0e4iXwUrU6exm/AfVEaafI8kcUVMBgRB4G5k/uzfSWBrzkY+v3hq44trCOKMXke/TRI4rBYqyA6P/SBKooJP2QCNYp3AcQhPZ6/Cc/Aono3ptBTUSo0TgKtU9agoVUVRFoE2bQKDmYF3X201P0+gKsrv6LQ0/FcUZLjSFJpcKl+ORKJA1VlBZ2uHXT0vndxIOjzUNliblt8P6ja3daRGpCgSaJqSI3H2Kpb/IxHydpo/RRAJtTZ3gaO5Y8vwK0z+y+9v3lKI6Ae97gkCFfS9Ps/Z9/v9XprSQKEkQI7jY/tGL5/E4gBSf5ezMfzwfudKJgFN23ZCQ9uu/pHhzuEOO/gseqxn4HXfa2+97LNqaQ1kuRJUBFEOhGc/unQjGkbWE/n10e7p2bk5Z21Em5tcYHe6gZ2bWTVoMK3DYYEtThtwRQHiC1lYzhXGDpz46SD8G7k1WCxAjw75g8nFRffKagkaLPW8BhXIRpsVXC4nJNJFKPIVKFeF8Idnrm1XKMIzf6FQAPnuP8I9iqI5bxNjL/CSSlKRMsej0oNpVszl+TxfFVO5QuVmdDExns9D9RkHa1AxDOOUZdmGYeBCAXHUzoiC9JcS9HklaPMsy8aUnrhOeALXrFu6bGkawwAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 25px!important;
    padding-left:34px!important;
    background-position:7px 14px!important;
    }

    In der letzten Zeile musst du den Wert 14 verkleinern.

    Bei mir war es 3, sieht dann so aus:

    TipTop! Danke dir.

    Um die Icons etwas mehr nach vorne ziehen, muss ich bei allen padding-left: den Wert etwas nach unten setzen?

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

    /* Bei Daten sychronisieren und speichern, Anmelde-Button verkleinern,eine Zeile. */

    #appMenu-fxa-label2 {

    max-width: 67px !important;

    max-height: 0 !important;

    font-size: 10px !important;

    padding: 0px !important;

    padding-left: 0 !important;

    padding-right: 8px !important;

    }

    #appMenu-fxa-text {

    font-weight: normal !important;

    font-size: 13px !important;

    }

    #appMenu-protonMainView {

    min-width: 360px !important;

    }

    Habe die 2 codes von dir zusammengefügt und etwas geändert..

    Sieht jetzt so aus:

    wie kann ich noch das Icon vor "Dateien synchrosieren und speichern" noch etwas höher stellen? Besten Danke. :)

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

    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.

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

    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

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

    Zitat von 2002Andreas
    Zitat von omar1979

    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

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

    Zitat von 2002Andreas

    Teste bitte:

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

    Farbe wenn dann anpassen.

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

    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.

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

    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? :)