Guten Abend,
ich möchte Menüeinträgen gern Icons vergeben und habe 2 Fragen dazu:
- schaff ich dass via CSS oder brauch ich dafür ein Script?
- gibt es einen bestimmten Platz für das Verzeichnis mit Icons oder ist der Platz frei wählbar?
Außerhalb eines Profils wäre es mir sehr recht, um die Icons Profilübergreifend nutzen zu können.
Danke vorab und schönen Abend 
Das geht per CSS.
#context-openlinkintab {
appearance: none !important;
background: url("file:///F:/FIREFOX-ICONS/Icons/tab_new.png") no-repeat 5px 3px !important;
}Nach diesem Prinzip kannst du für alle Menüeinträge Icons anlegen. In diesem fall liegen die Icons auf einem anderen Laufwerk.
Ob das allerdings bei Linux genauso geht, weiß ich nicht... 
Das lässt sich mit CSS machen. Mit einer Pfadangabe vom Typ file:/// (äh, unter Linux, ist das wahrscheinlich anders) kannst du deinen eigenen Pfad festlegen. Alternativ kann man sogenannten Base64-Code verwenden, der unabhängig vom Speicherort ist.
Am besten du wartest auf Endor. Er pflegt diese Anpassungen und stellt auch eine Sammlung von Grafiken zur Verfügung. Das betrifft das Hauptmenü, die Kontextmenüs und das Hamburger-Menü.
Es gibt mehrere Threads in diesem Unterforum darüber.
Danke für die schnellen Antworten
Ob das allerdings bei Linux genauso geht, weiß ich nicht...
"file" gibts im Linux auch, ich lass nur diesen "Laufwerksbuchstaben" weg. Das sollte funktionieren und eine relative Pfadangabe dazu.
Werde ich testen.
Es gibt mehrere Threads in diesem Unterforum darüber.
Oh, dann muss ich noch einmal die SuFu nutzen. Danke auch für deinen Tipp.
Oh, dann muss ich noch einmal die SuFu nutzen
Zum Beispiel dieser hier:
Ergänzend zu Beitrag Nr. 5 die kompl. Sammlung für die Codes:
Ergänzend zu Beitrag Nr. 5 die kompl. Sammlung für die Codes:
Dankeschön Nun kann morgen Regenwetter sein - ich hab zu tun 
ich hab zu tun
Aber Achtung...das kann süchtig machen 
Dann viel Spaß und Erfolg dabei.
ich hab zu tun
Aber Achtung...das kann süchtig machen
Dann viel Spaß und Erfolg dabei.
Das macht süchtig - die ganze optische Anpasserei ... hab ich schon bemerkt 
Vielleicht solltest du mit dem Anpassen noch etwas warten - sonst kannst du in 3 Monaten von vorne anfangen, wenn Proton da ist...
Das erste Seltsame hab ich schon bei einem kleinen kurzen Test bemerkt.
Meine Menü-Globalen-Anpassungen (grüner Hintergrund und weiße Schrift) werden teilweise ausgehebelt.
Die Schrift wird noch weiß, aber der Hintergrund bei Hover nicht mehr grün.
Das alles zur Menü-Anpassung:
/* Hintergrundfarbe der Menüs */
.popup-internal-box, menupopup, hbox popup {
appearance: none !important;
background-color: #f2f2f2 !important;
}
/* Schriftfarbe Menü */
menubar > menu {
color: darkgreen !important;
font-weight:bold !important;
font-size: 12px !important;
}
menubar > menu[_moz-menuactive="true"],
menubar > menu[_moz-menuactive="true"][open="true"] {
color: #0bb911 !important;
font-weight:bold !important;
font-size: 12px !important;
}
/* Abstand Icons im Menü */
menupopup > menu,
menupopup > menuitem {
padding-left: 5px !important;
}
/* Hover Schrift-Farbe weiß, wird beim hovern Grün unterlegt */
popupset >*:not(menupopup) menupopup :is(menu,menuitem)[_moz-menuactive="true"],
menupopup :is(menu,menuitem)[_moz-menuactive="true"],
menupopup > menu:hover:not([disabled="true"]),
menupopup > menuitem:hover:not([disabled="true"]),
popup > menu:hover:not([disabled="true"]),
descriptionpopup > menuitem:hover:not([disabled="true"]) {
appearance: none !important;
background: #0bb911 !important;
color: white !important;
}
/*Höhenverschiebung Menüzeilen durch Hovereffekt verhindern */
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem {
appearance: none !important;
min-height: 27px !important;
max-height: 27px !important;
}Und das mein erster, vermutlich noch nicht korrekter Test:
#menu_EditPopup > #menu_cut {
appearance: none !important;
background: url("file:///home/ich/.mozilla/firefox/Icons/neu/FF_green16.png") no-repeat 5px 3px !important;
}Aber hier mach ich morgen weiter - jetzt Rotwein - schönen Abend
aber der Hintergrund bei Hover nicht mehr grün.
Du musst für jeden Code immer zusätzlich einen Code für hover erstellen.
Hier ein Beispiel wie das ausssehen muss:
menuitem[label="Kopieren"]{
appearance: none !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
min-height: 24px!important;
padding-left:4px!important;
background-position:6px 5px!important;}
menuitem[label="Kopieren"]:hover{
appearance: none !important;
margin-right: -1px !important;
background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-color: #aecff7 !important;
border-style: solid !important;
min-height: 24px!important;
padding-left:3px!important;
background-position:5px 4px!important;}Du musst für jeden Code immer zusätzlich einen Code für hover erstellen.
Vermutlich hätte ich genau das versucht - Aber Danke für das Beispiel, Andreas
hätte ich genau das versucht
Es gibt noch eine weitere kürzere Form für die Icons.
Das würde dann den zusätzlichen Code für hover ersparen.
Das !important weglassen, verhindert gerade bei :hover etlichen Style. Nur, wenn nicht anders möglich, dann muss es allerdings auch beim :hover stehen - meine Erfahrung, und da ist Firefox keine Ausnahme.
Es gibt noch eine weitere kürzere Form für die Icons.
Das würde dann den zusätzlichen Code für hover ersparen.
Ah, Klasse - Danke gefällt mir besser.
Momentan bin ich noch beim Icons Sammeln - und kann mich ab und an so schwer entscheiden ...
Ich möchte gern die Icons meines OS benutzen, weil die mir schon so schön bekannt sind.
Aber da gibt es so viele ... Luxusproblem
Hallo, Andreas!
Ich habe mal testweise diesen Code RE: Icons für Menüeinträge genommen, Zeile 2 .popup-internal-box, menupopup, hbox popup ersetzt durch (weil erster Teil nicht mehr aktuell) arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup.
Damit wollte ich den Hintergrund aller Popup (einschl. Kontext) für diesen Code ändern in Nightly, aber ohne Reaktion. Was kann da schief laufen?
diesen Code ändern in Nightly, aber ohne Reaktion.
Sieht hier so aus:
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
appearance: none !important;
background-color: red !important;
} Sieht hier so aus:
Ja, Andreas, das klappt hier auch, sind aber nur die einzelnen Zeilen. Mir geht es um das Feld dahinter, für Umrandung, usw.