2002Andreas sieht toll aus nur gibts ein Problem..
Wenn ein Download läuft dann sieht man das Download-Verlauf auf diesem Icon nicht so gut..
hab versucht mit den Angaben die du dort gemacht hast, zu ändern aber funkt nicht.
Siehe Bild:
weisses Kugel und innen hellblauer download-verlaufs-anzeige..
Wenn ein Download läuft
Der Button hat Standard verschiedene Icons, je nach Funktion gerade.
Die müssten dann praktisch alle ein neues Icon bekommen. 
ein neues Icon bekommen.
Hätte ich die Code, dann könnte ich es versuchen. Danke.
könnte ich es versuchen.
Evtl. reicht dir das ja schon, teste bitte mal:
#downloads-button {
width: 121px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
background-repeat: no-repeat !important;
background-position: 1px 6px !important;
background-size: 110px 20px !important;
margin-right: -8px !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button {
--toolbarbutton-hover-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 5px solid red !important;
}ja schon, teste bitte mal:
Das zeigt nur einen roten Kugel von Anfang an bis zum Schluss glaub ich..
Der Download-Verlauf wie üblich einfach andere Farbe wär besser. 
Der Download-Verlauf wie üblich einfach andere Farbe wär besser.
#downloads-button {
width: 121px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
background-repeat: no-repeat !important;
background-position: 1px 6px !important;
background-size: 110px 20px !important;
margin-right: -8px !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button {
--toolbarbutton-hover-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 2px solid red !important;
}
#downloads-button {
--toolbarbutton-icon-fill-attention: red !important;
}So, den Rest überlasse ich dann mal dir und den Browser-Werkzeugen 
dir und den Browser-Werkzeugen
/* Downloads Icon ändern */
#downloads-button {
width: 120px !important;
background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/download.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important;
background-size: 120px 25px !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button {
--toolbarbutton-hover-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 2px solid rgb(251, 255, 0) !important;
}
#downloads-button {
--toolbarbutton-icon-fill-attention: rgb(251, 255, 0) !important;
}habe den margin-right weggelassen, die Zahlen etwas anders und die Farben geändert..
sieht toll aus. Danke Danke Danke..
Ich ändere nurnoch den Icon und evtl. wieder die Farben, dann siehts Perfekt aus.
sieht toll aus
Wenn du zufrieden bist ist alles ok
Ich ändere nur...
Dann weiterhin viel Spaß damit. 
Spaß damit.
Thx
So siehts definitiv aus.
Nur noch ne Frage: wenn ich mit dem Maus auf die anderen Icons gehe, sieht man einen etwas helleren Hintergrund und bei dem sehe ich keinen. Was hab ich vergessen?
Was hab ich vergessen?
Für das neue Icon ein hover zu erstellen.
Beispiel:
#downloads-button:hover {
background-color: lightgrey !important;
border-radius: 5px !important;
}Kommt nur das Separator
Dann ändere mal die Werte in diesem Teil vom Code und teste, bis der weiße Strich weg ist.
#downloads-button {
width: 114px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
background-repeat: no-repeat !important;
background-position: 2px 6px !important;
background-size: 110px 21px !important;
margin-right: -2px !important;
}/* Zoom-Minus-Icon ändern */
#zoom-out-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/zoom-minus.png");
background-repeat: no-repeat !important;
background-position: 10px 7px !important;
}
/* Zoom-Plus-Icon ändern */
#zoom-in-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/zoom-plus.png");
background-repeat: no-repeat !important;
background-position: 10px 7px !important;
}
Warum funkt diese Code mit Stilbearbeitung, aber nicht wenn es in einer CSS-Datei drin ist?
aber nicht wenn es in einer CSS-Datei drin ist?
Weil da 2x das !important fehlt.
Zeile 3 und 9 für das neue Icon.
Weil da 2x das !important fehlt.
Heieiei.. Ich sollte besser Achten.
Danke dir.
Ich sollte besser Achten.
Kann doch mal passieren...alles ist gut
bis der weiße Strich weg ist.
/* Downloads Icon ändern */
#downloads-button {
width: 110px !important;
background-image: url("..//favicons/download1.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 2px !important;
background-size: 110px 20px !important;
}
#downloads-button:hover {
width: 110px !important;
background-image: url("..//favicons/download1.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 2px !important;
background-size: 110px 20px !important;
background-color: lightgrey !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button {
--toolbarbutton-hover-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 2px solid rgb(3, 255, 3) !important;
}
#downloads-button {
--toolbarbutton-icon-fill-attention: white !important;
}
/* Download-Prozessor Popups ändern */
progress::-moz-progress-bar {
background-color: red !important;
}
.downloadProgress {
height: 15px !important;
}
#downloadsPanel-mainView,
#downloadsPanel {
background-color: blue !important;
}
#downloadsHistory {
font-size: 20px !important;
color: white !important;
}
#emptyDownloads {
font-size: 20px !important;
}
.downloadIconCancel {
color: white !important;
}
.downloadProgress {
background: white !important;
}das ist jetzt meine Code für Download-Icon.
und so sieht es aus:
wenn mit Maus drauf bin.
so sieht es aus:
wenn mit Maus NICHT drauf bin.
so sieht es aus:
wenn es was downloadet.
Aber ich schafe es nicht, dass beim HOVER hintergrund grau aussieht wie hier:
Evtl. ist es so, weil es ein langer Icon ist.
Wenn jemand es schaft, würde es mich freuen, wenn nicht dann Pech
PS: wenn ich mit den Zahlen spiele dann wird es so, dass es nicht mehr passt.
dass beim HOVER hintergrund grau aussieht wie hier:
Teste bitte mal:
/* Downloads Icon ändern */
#downloads-button > stack {
width: 110px !important;
background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
background-repeat: no-repeat !important;
background-position: 0px 4px !important;
background-size: 110px 20px !important;
}
#downloads-button > stack {
fill: transparent !important;
}
#downloads-button {
--toolbarbutton-active-background: transparent !important;
}
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border: 2px solid rgb(3, 255, 3) !important;
}
#downloads-button {
--toolbarbutton-icon-fill-attention: white !important;
}
#nav-bar {
background-color: red !important;
}Teste bitte mal:
habe jetzt meine code mit dem download-icon mit deinem ersetzt..
jetzt sieht man nur den hover
ich muss mal beide zusammanfügen irgendwie.. 
