Navigations Icon ändern

    Moin

    ich suche eine Möglichkeit die Buttons in der Navileiste zu ändern und zum beispeil ein Classicmenü zu laden.
    Ich inde immer nur die Links zum änder der Bookmarks Ordner, aber keines um diese häßlichen Schwarzen grauen Symbole anzupassen.

    Das das via css gehen muss weiß ich aber nicht wo man drehen muss :)
    Vieleicht könnt ihr mir ja helfen - Danke

    Hallo und Willkommen hier im Forum.

    Wenn du nur pauschal die Farbe ändern willst geht das damit:

    CSS
    #nav-bar.browser-toolbar hbox#nav-bar-customization-target.customization-target .toolbarbutton-1.chromeclass-toolbar-additional,
#nav-bar.browser-toolbar hbox#nav-bar-customization-target.customization-target toolbaritem.chromeclass-toolbar-additional{	
color:red!important;
}

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

    Ansonsten muss jedes Icon einzeln angesprochen bzw. ausgetauscht werden.

    Einzutragen ist der obige Code in die userChrome.css

    Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
    Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

    Dann schließt du die Datei und speicherst sie als userChrome.css ab.
    Danach mußt du den Firefox neu starten.

    PS:
    Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

    Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

    "Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

    und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

    Wo finde ich meinen Profilordner

    Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

    Anpassungen der Firefox-Oberfläche mittels userChrome.css

    Danke für die Info.

    Mist ich hatte gehofft, das man nur eine andere Icon biliothek laden müsste.
    Irgendwo müssen doch die Icons hinterlegt sein :)

    Und kannst du mir noch einen Hinweiß geben wie ich so ein Icon ändere.


    Gruss

    Einmal editiert, zuletzt von chrismose (6. März 2019 um 17:18)

    So würde das z.B.mit dem Vor- Zurückbutton sein:

    Oder so für den Home Button:

    CSS
    #home-button {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAdUlEQVQokZVSwRHAIAgLPYfoXs7RCTpG53Avt7APrhaFU8gLMEEJAkEQgFbc7IxkVjt0r6Sp7VIVITumBpKt00FA2ThmjXzkfMMWO8EZFSj8LrUyjsG9b9DaJXq+qAIVxEUxtLHpaXE95dj1NcK2rmbwaGJ4Af0tIg00j/6iAAAAAElFTkSuQmCC") !important;
}
    Zitat von chrismose


    ich suche eine Möglichkeit die Buttons in der Navileiste zu ändern und zum beispeil ein Classicmenü zu laden.

    Es gäbe noch die Möglichkeiten, die CustomCSSforFx bietet. Es gibt dort einige Stile, die nur die vorhandenen Symbole umfärben (auch in Sidebar und Panelmenü), aber auch Toolbars, die aus früheren Fx-Versionen und sogar dem IE (V.6) bekannt sind, können ausgewählt werden (und ein Mix, wie man ihn von Aris’ Addon Classic Theme Restorer kannte). Du kannst dir ja mal im dortigen Verzeichnis image die Bilder ansehen, die mit „toolbar“ beginnen. Zu beachten ist, dass Symbole, die erst später eingeführt wurden, notgedrungen nicht im exakten Stil vieler Toolbars sein können – man sieht das auch, es sind vor allem die rechts hinzugefügten.

    Wenn Du nur andere Symbole haben willst oder es dir reicht, die vorhandenen zu färben, dann ist das gesamte Paket zu aufwendig (Kanonen und Spatzen …). Gib Bescheid, was dir am besten gefäält, dann kann man dir konkret helfen.

    Danke

    jetzt habe ich nur noch ein Probelm :D

    wie ist die bezeichnung für diese Buttons/Icon :
    Chronik
    refresh
    bookmark
    download

    Leider sprechen sie auf diese namen nicht an

    Danke gruss

    Zitat von chrismose


    bis auf den Download funktioniert es


    Falls du den Download-Icon mit einem eigenen Icon verändern möchtest, dann kannst du folgenden Beispielcode verwenden:
    Hier mit einem alternativen Icon, welches weiterhin den unteren Fortschrittsbalken integriert hat (untere Linie beim Downloadpfeil)


    Würde bei einem laufenden Download dann so aussehen:
    [attachment=0]2019-03-11_15-55-36.png[/attachment]

    Selbstverständlich kannst du innerhalb des CSS-Codes dein eigenes Icon einfügen.
    Falls du noch den Fortschrittsbalken (=untere Linie) ausblenden möchtest, dann kannst du dazu folgenden Code verwenden:

    CSS
    #downloads-indicator-progress-outer,
#downloads-indicator-progress-inner{
  display: none !important;
}