Bookmark Symbol modifizieren

  • [Blockierte Grafik: http://fs2.directupload.net/images/150903/z9do4x5u.jpg]

    Viele von euch kennen das Bookmark-Symbol von Firefox. Früher sah es nicht so aus, da war es nur ein gelber Stern mit Pfeil dran. Das Addon "Bookmarks Menu" hat mir besser gefallen. Es kommt gerade runter und nicht so komisch seitlich wie das moderne Bookmark-Icon. Ebenfalls möchte ich den Stern (links) bei dem Icon nicht haben, ich bookmarke anders, nimmt mir nur Platz weg.

    Bookmarks Menu will ich aber nicht mehr benutzen. Die nightly Firefox hat mir unten angezeigt, dass dieses Addon nämlich mein Firefox langsamer machen könnte. Und ehrlich gesagt hatte ich diese Befürchtung schon länger. Manchmal Freezt mir sogar der Browser komplett ein. Das Addon ist schon alt, etwas in die Jahre gekommen. Ich würde es gern ersetzen. Weiß also jemand ein ähnliches Addon wie "Bookmarks Menu" oder weiß jemand wie man das Firefox-Bookmark Icon irgendwie modifizieren kann?

  • Das Icon zu entfernen bzw. auszutauschen funktioniert z.B. mit einem Code:

    CSS
    #bookmarks-menu-button .dropmarker-icon{
    display:none !important}
    
    
    #bookmarks-menu-button{
    list-style-image: url("data:image/png;base64,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") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    }

    Sieht dann so aus:

    [Blockierte Grafik: http://www11.pic-upload.de/thumb/03.09.15/bkt8tc8kdg.jpg]

    Das Icon kannst du dir natürlich selber aussuchen, und dann einfach nur den base64 Code austauschen.

    Einzutragen in die Erweiterung Stylish oder der userChrome.css

    https://addons.mozilla.org/de/firefox/addon/2108

    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.
    Hier kopierst du als erstes folgenden Text rein:

    Code
    /*AGENT_SHEET*/
    
    
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    @namespace html url("http://www.w3.org/1999/xhtml");


    anschließend folgt der von dir gewünschte Code.

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

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

    Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

    "Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

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

    Wo finde ich meinen Profilordner

    Hilfe zu Stylish

    PS:
    Ich habe den Beitrag mal nach Anpassungen verschoben.

  • Warum weiß ich auch nicht, aber im Nightly funktioniert der Code nur in Stylish und nicht in der userChrome.css :-??
    Ich hatte das nur in Version 40 getestet, sorry dafür.

    Eine Bezeichnung muss für das Nightly auch geändert werden.

  • Richtig :klasse:
    Das Icon kannst du austauschen nach deiner Wahl.

    Und wenn du dann noch diesen Code nimmst:

    Code
    #bookmarks-menu-button .dropmarker-icon{
    display:none !important}

    verschwindet die andere Hälfte von dem Button.

    Oder so als gesamter Code:

  • Dann einfach nur die Bezeichnungen austauschen:

  • Ja sorry bin kein Coder. Ok das funktioniert. Aber was muss ich machen, damit das Symbol wie ein blauer Stern aussieht, nun ist es ein blauer Kreis mit einem "i" drin. Und der senkrechte Separatorstrich des Icons ist auch noch da.

  • Zitat von Firefox-Fan77

    wie ein blauer Stern aussieht


    So?

    [Blockierte Grafik: http://www11.pic-upload.de/thumb/05.09.15/sdlle522f4rm.png]


    Zitat von Firefox-Fan77

    der senkrechte Separatorstrich


    Den kannst/musst du über das Anpassenfenster einfach rausziehen nach unten in das große Fenster.

    Zitat von Firefox-Fan77

    Ja sorry bin kein Coder


    Dafür brauchst du dich nicht zu entschuldigen, wir sind doch hier um dir/anderen zu helfen.

  • Der Separatorenstrich ist noch ein Anhängsel des "Doppelicons". Ich zeig mal was ich meine, der Strich ist Teil des Icons. So siehts aus wenn ich das Icon greife, es ist eins mit dem Separatorstrich:

    [Blockierte Grafik: http://fs1.directupload.net/images/150905/58kj4pq7.jpg]


    ----------------------------

    Hab den Code nun ausprobiert, der Stern ist etwas poplig, geht auch der Stern drunter, also sattes blau ohne weißen Hintergrund, Stern etwas dicker und wenns geht ohne Rahmen --> siehe hier:

    [Blockierte Grafik: http://fs2.directupload.net/images/150905/4nxdee4y.jpg]

  • Zitat von Firefox-Fan77

    Der Separatorenstrich ist noch ein Anhängsel des "Doppelicons".


    Nein, der ist frei verschiebbar.
    Siehe hier, da habe ich ihn mal nach rechts verschoben. Du musst ihn über das Anpassenfenster rausziehen.

    [Blockierte Grafik: http://www11.pic-upload.de/thumb/05.09.15/1wad2us7oxp7.jpg]

    Zitat von Firefox-Fan77

    Stern etwas dicker --> siehe hier:


    Gedulde dich bitte etwas, der user Endor ist unser Fachmann für Icons. Evtl. hat er ja noch einen anderen Stern.

  • Ein Stern, der deinen Namen trägt....

    Ne. Ich weiß schon, es gibt Separatoren, die kann man verschieben. Aber das hier ist ein Sonderfall. Den kann man nicht verschieben. In deinem Snapshot, das ist ein Separator neben den "Neu Laden"-Button.

    [Blockierte Grafik: http://fs2.directupload.net/images/150905/3rkvs6zv.jpg]

    Hier haben wir es mit einem Icon zu tun, was du da siehst ist EIN Icon. Der Separator ist Teil des Icons. Der Coder oben hat nun 40% quasi rausgeschnitten aus dem EINEN Icon. Er soll bitte den Separator mit rausschneiden, oder wenigstens den Stern etwas markanter und nicht so verwaschen.

  • Dann teste den bitte mal, der Stern ist allerdings noch der alte.

  • Mit einem anderen Stern und ohne den senkrechten Strich.
    Bitte wieder testen.

    [Blockierte Grafik: http://www11.pic-upload.de/thumb/05.09.15/kqlqztobt93y.jpg]