Beiträge von omar1979

Zitat von 2002Andreas

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..

Zitat von 2002Andreas

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.

Zitat von 2002Andreas

Weil da 2x das !important fehlt.

Heieiei.. Ich sollte besser Achten.

Danke dir.

/* 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?

Zitat von schlingo

einen Link zum Hersteller.

Hallo

Danke dir.

Zitat von 2002Andreas

Beispiel:

Kommt nur das Separator danach mit der Code.

Zitat von schlingo

schau mal hier:

man kann ja nirgends mehr was sauberes herunterladen

Zitat von milupo

nichts von Softonic herunterladen.

Danke für Info.

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?

Zitat von emi

Ich finde keine Downloadmöglichkeit

Im Microsoft Store

Zitat von 2002Andreas

Spaß damit.

Thx

Zitat von 2002Andreas

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.

Zitat von 2002Andreas

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.

Zitat von 2002Andreas

ein neues Icon bekommen.

Hätte ich die Code, dann könnte ich es versuchen. Danke.

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..

Zitat von 2002Andreas

Dann bastele mal damit:

und Danke

toolbarbutton#downloads-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/home1.ico") !important;
  background-repeat: no-repeat !important;
  background-position: 10px 7px !important;
}

Hallo allen..

Habe jetzt alleine einige Icons geändert, aber der Downloads-Icon geht mit dieser Code nicht.

Falls es klappt würd ich dort gerne ein längeres Icon reintun..

Habe aber mit kleinen versucht.. nicht mit den hier.

das hier..

Danke euch schon jetzt..

Aktuell sieht es bei mir so aus.

Zitat von 2002Andreas

Teste bitte, den Pfad musst du dir dann anpassen.

Es funkt nur mit dem Kurzform-Pfad nicht, mit dem Langform-Pfad funkt es.

Danke.

Zitat von 2002Andreas

ohne base64 Code funktioniert

Ok. Danke dir.

Zitat von 2002Andreas

Browser-Werkzeuge.uc.js

2002Andreas wenn ich den Button-Pfad von deinem Beitrag-Nr. #34 ändere dann funkt es nicht.

Wie kann ich dort den Icon ändern?