Icons für Menüeinträge

  • 2002Andreas:
    Habe nach deiner Anleitung Icons für die Menüeinträge hinzugefügt.


    So für alle mit gleichem Symbol.
    Du kannst das aber auch für jeden Eintrag einzeln machen mit unterschiedlichen Symbolen.

    Dazu noch eine Frage: Wie kann ich beim "hovern" das jeweils unterschiedliche Icon sichtbar machen ? Z.Zt. habe ich einfach das allgemeine Firefox-Icon für alle Hover-Ereignisse gewählt. Ich möchte aber das spezifische icon beim hovern erhalten.


  • das spezifische icon beim hovern erhalten.


    Hallo Pentomino...

    du möchtest für jeden Menüeintrag ein anderes Icon bei hover haben!?

    Wenn ja musst du diesen Teil vom Code entfernen:

    CSS
    #main-menubar > menu:hover{
    	-moz-appearance:none!important;
    background: lightgrey url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=")no-repeat !important;
    padding-left:25px!important;
    background-position:5px 4px!important;}

    Und dann jeden Eintrag einzeln ansprechen, z.B. so:

    CSS
    #helpMenu:hover{
    	background: red url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnklEQVQ4y6XTPYgVVxTA8f/ce2fu7Mx7vuf6srsa425cxFWEiDwCgpXpErELIVYWVolYWGmdKoVdLGwUGwXFJggWwq42hpBmiUaW1f2I7Pfs+p6773Pm3jspXtwEIhLwNIdTnB/nHDjwgeGNXrhz2JfysPC8/9fgrLAmez7105lnAOpAZejxwYGBiud5QA78N3cyRymSLG6kHBmJ+G1ueX0KPgJQ8ytppbXZ/tt/N5Aax9gnEUndUm84Xm/aytuJVBxZzn3VT0lbjMkoFIskawmDQ4MALC8ts3vPx9STJcKoSK3r8/CP9vZKqhhJjh/sZyB2ZFlGuVxmYSFleLgHzBaa7N8/SDJxlXj3SZZ0lesT8h/Aw1Kr1dAGjDEYY+h2uyRJAkCapiTzk4TpS7orIbUdo3jYbUD4SqJ1gNaaMAzRWhMEvVprjQ588pVHxJ+eQDRnCESGr/41QeALCnFEHAustcRxTNZcIepOkdsO0eZLivYZQh2lsKtEafUmJ8p93LldOZ21my3lkdNoNChKhXMOYwx27QnmzXVk3y524qEKZTCzyD7H3uwpl6ot8u7wXVbnppX2JYU4Jo57QBAEtPZ9CYsvoPWAoOCBWAMrgBwVtbGdOp3X6+M27fyglPRQvsL3fZxz+L6PHxbRY5fJFg9g1r9DFTKgB+TOMvnnCMNbW9+7jHlVb6Zr1x5OC19CnoMQHtZZpFBIPlMXR2VZ7ehC6noGMN0eMtWz87MAaiZ583UcBkIJsX3ZABOkqLQa3j+mj7euEIBdpeEFKLGH8ItDv7fe+zA3btyr/vrkl32dcXHeJWxlk0y0fubzzgNOmSmemle02/c5AqDeBUgpyzNzy9+M7B3b6F94/qPd4FZ0mlmAdJwFUeJbIXu9fwFVCBajMWIWPQAAAABJRU5ErkJggg==")no-repeat !important;
    padding-left:25px!important;
    background-position:5px 4px!important;}

    Und diesen Code musst du dann natürlich behalten:

  • Einwandfrei :D
    Ich muss sagen, dass ich das ganze auch genauso versucht habe, hatte allerdings nicht berücksichtigt, dass ich den "allgemeinen" Teil weglassen musste :oops:
    Besten Dank wie immer :klasse:

    Lieber ein Narr sein auf eigene Faust, als ein Weiser nach fremdem Gutdünken ! (Nietzsche)

  • Hallo Pentomino


    2002Andreas:
    Habe nach deiner Anleitung Icons für die Menüeinträge hinzugefügt.

    2002Andreas hat geschrieben: ↑
    Mo Okt 30, 2017 17:08
    So für alle mit gleichem Symbol.
    Du kannst das aber auch für jeden Eintrag einzeln machen mit unterschiedlichen Symbolen.

    Kannst du die Anleitung mal hier einstellen?Ich möchte mir auch eigene Icons einbauen weiß aber nicht was genau geändert werden muss.

    Danke im voraus hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home


  • die Anleitung mal hier einstellen?


    Was genau möchtest du denn wissen was in Beitrag Nr.9 nicht beschrieben ist?
    Dort sind alle Bezeichnungen der Einträge aus der Menüleiste enthalten. Also einfach den/die enfernen, worauf sich das Bild nicht beziehen soll.
    Und ein eigenes Icon musst du unter background: url dann neu eintragen.

  • Hallo 2002Andreas


    Dort sind alle Bezeichnungen der Einträge aus der Menüleiste enthalten. Also einfach den/die enfernen, worauf sich das Bild nicht beziehen soll.


    Es sollen schon alle einbezogen sein.


    Und ein eigenes Icon musst du unter background: url dann neu eintragen.


    Genau darum geht es mir.Was muss hinter background stehen wenn ich für alle 7 Menüs ein anderes Icon möchte?Soll der Eintrag so aussehen wie bei "toolbarbutton" bei mir in userchrome.css.
    Beispiel:
    url("file:///C:/Users/Wolf/Documents/Firefox Lesez Icons/bank.ico") !important;
    } ?


    Danke hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • Hallo BlackRitus


    Wenn ich du wäre, würde ich die Icons.Normal.css aus dem ehemaligen CuteButtons Addon einbinden und dann nur noch die mosaic.png ins Chrome-Verzeichnis einfügen und bearbeiten.
    Ist einfacher, als selbst alle Identifier rauszusuchen.

    Nicht böse sein aber das ist so als wenn du einem Traktorfahrer das fliegen mit einem Hubschrauber erklären wolltest.Ich weiß überhaupt nicht um was es geht!


    Das sollte so funktionieren.

    Hallo 2002Andreas
    Funktioniert leider nicht.Habe viel versucht aber es nicht hinbekommen.Habe alles in der Klammer gelöscht
    -moz-appearance:none!important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8usw.

    und dadurch ersetzt:
    url("file:///C:/Users usw.
    so wie in #30 beschrieben.Klappt aber nicht!


    Schöne Grüße hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • So sieht das hier aus:

    [attachment=0]Zwischenablage01.jpg[/attachment]

    Und so der Code dazu wenn man ein bestimmtes Icon auf seinem PC anspricht.

  • Ist eigentlich ganz easy, ich schicke dir eine kurze pm, um hier den Thread nicht zu kapern. Das verwirrt sonst nur. Die Anleitung steht aber auch in meinem Link (auf Englisch und etwas länger zwecks Optionen).

    Im Übrigen finde ich auch, dass es zu wenig Icons gibt. Im normalen Menü ist es ok, aber die Kontextmenüs sind ja komplett leer gefegt und sind meinem Empfinden nach dadurch auch deutlich unübersichtlicher. Habe das geändert und seitdem bin ich glücklicher und schneller :)
    Der Wiedererkennungswert von so einem Icon ist doch ungemein höher als von Schrift (alleine schon durch unterschiedliche Farben). Natürlich sollten sich die Symbole dann auch entsprechend unterscheiden. Bei meinem vorgeschlagenen CuteButtons ist es dann schon zu viel, kein Mensch braucht ein Symbol für "Alles markieren". Aber lieber so als anders und löschen geht ja meistens bekanntlich leichter als etwas neu zu schaffen.

    Zitat

    Es hat übrigens genau diesen Grund, wieso das nicht nur in Firefox so ist, sondern in ziemlich vielen Anwendungen mit Menü-Symbolen, dass nicht jeder Menü-Eintrag ein Symbol hat.


    Nö, ich behaupte, dass das vielen Programmierern zu lästig ist, sich mit den Grafiken rumzuschlagen. Wenn dann besteht ja meist der Anspruch, für jede Funktion ein Icon zu finden und das ist oft nicht leicht. Es gibt kein international verständliches Zeichen für "Hintergrundgrafik anzeigen". Und wenn, dann ist es bestimmt lizensiert... Bei einem Projekt der Hausnummer Firefox ist das aber sicherlich Absicht von den Designern und sonstigen Spezialisten, die ja bekanntlich auch gerne mal daneben greifen. Allen recht machen kann man es aber so oder so nicht.

    Zitat

    Wer das trotzdem will, muss eben selbst anpassen. Das geht in Firefox ja glücklicherweise.


    Seit Webextensions für den Normalnutzer nicht bzw. mit abschreckenden Hürden und verwirrenden Suchergebnissen.

    Gruß,
    BlackRitus

  • Hallo BlackRitus
    Erst mal vielen Dank für deine Antwort.Ich habe es allerdings so gemacht wie 2002Andreas es vorgeschlagen hat.

    Ist für mich einfacher da ich schon einige Vorschläge von 2002Andreas so umgesetzt habe.


    Auch dir 2002Andreas wieder mal vielen Dank.Habe es jetzt so wie dein Vorschlag war hinbekommen.


    Wünsche euch beiden noch ein schönes Wochenende hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home


  • Ist eigentlich ganz easy, ich schicke dir eine kurze pm, um hier den Thread nicht zu kapern.

    Hallo BlackRitus
    Danke noch mal hierfür.Ich habe es aber so wie 2002Andreas beschrieben hat hinbekommen.Ist für mich einfacher was zu kopieren und in die userchrome.css einzufügen und abzuspeichern.

    Schönen Sonntag noch hwww

    Firefox 120.0 - 64 Bit / Windows 11 - 23H2 - 64 Bit - Home

  • Und so der Code dazu wenn man ein bestimmtes Icon auf seinem PC anspricht.

    Wie muss der Code aussehen, wenn man die mosaik.png aus CuteButtons verwenden will?

    Bisher z.B.

    CSS
    ...
    -moz-image-region:rect(80px 176px 96px 160px)!important; list-style-image:url(mosaic.png)!important
    ...

    wie hier erwähnt. Funktioniert ab Fx68 nicht mehr.

    Wenn ich du wäre, würde ich die Icons.Normal.css aus dem ehemaligen http://CuteButtons Addon einbinden und dann nur noch die mosaic.png ins Chrome-Verzeichnis einfügen und bearbeiten.
    Ist einfacher, als selbst alle Identifier rauszusuchen.

    https://github.com/ChoGGi/CuteBut…l-in-firefox-57

    2 Mal editiert, zuletzt von bege (31. Juli 2019 um 22:14) aus folgendem Grund: Zitat war falsch eingefügt.

  • So sieht das hier aus:

    Und so der Code dazu wenn man ein bestimmtes Icon auf seinem PC anspricht.

    Wenn ich das für Menüeinträge oder Buttons anwende, verschwindet bei diesen die Hervorhebung beim Drüberfahren mit dem Mauszeiger. Bei Buttons z.B. in den Fx-Einstellungen verschwindet auch der Hintergrund des Buttons, so dass man nur noch den Text sieht. Wie lässt sich das ändern?