eigenes Bookmark Icon

d_mann

Hallo Forum,

Im "neuen" 57er die Bookmark Folder anzupassen, habe ich ja noch hingekriegt
also z.B. in der userChrome.css:

CSS

.bookmark-item[label="Filme"] {list-style-image: url('./icons/DVD.png') !important;}

Aber beim Versuch einem stinknormalen Lesezeichen in der oberen Lesezeichenleiste ein anderes Icon zu verpassen, scheitert der obige Code.
Weiss jemand, was ich eintragen muss, damit nicht das Favicon der Seite, sondern mein eigenes Icon verwendet wird?

Danke schon mal.

foto59

Ich mache das seit Firefox 57 mit der erweiterung favicon-customizer
https://addons.mozilla.org/de/firefox/add…omizer/?src=api

2002Andreas

Zitat von d_mann

sondern mein eigenes Icon verwendet wird?

Hallo und Willkommen hier im Forum.

Meinst du das so?

CSS

#PlacesToolbarItems > toolbarbutton[label="Filme"] > image {
    display:none!important}




 #PlacesToolbarItems > toolbarbutton[label="Filme"]{
	filter:none;
    background: url("./icons/DVD.png") no-repeat !important;
    padding-left:18px!important;
    margin-left:3px!important;
    margin-top:0px!important;       
    background-position:0px 2px!important;}


 #PlacesToolbarItems > toolbarbutton[label="Filme"]:hover{
    background: lightgrey url("./icons/DVD.png") no-repeat !important;
    padding-left:18px!important;
    margin-left:3px!important;
    margin-top:0px!important;       
    background-position:0px 2px!important;}

Alles anzeigen

d_mann

Hallo,
bin heute erst wieder dazu gekommen...

also:
Favicon-Customizer
Das Add-on stürzt - nachdem ich ein Icon auswählen will - mit samt Firefox ab.

Code von 2002Andreas:
Führte auch nicht zum Erfolg. Das Icon wird gar nicht angezeigt. Nur eine Lücke.

Was ich etwas merkwürdig finde:
Bei Ordnern geht es mit o.g. Code wie geschmiert, jedoch bei einfachen Links (Lesezeichen) eben nicht.
Wenn die aufzurufende Seite eine eigenes Favicon hat, dann setzt FF alles dran, und nimmt dieses.
Keine Chance dabei mit meienm obigen Code. Bei Test mit "erfundenem Link" wie https://eaxyxy.de/ geht der Code auch nicht. Es wird das Standard-Icon (Globus) angezeigt...

Trotzdem erst mal Danke

Road-Runner

Zitat von d_mann

Code von 2002Andreas:
Führte auch nicht zum Erfolg. Das Icon wird gar nicht angezeigt. Nur eine Lücke.

Ist das Icon im korrekten Ordner abgespeichert?

2002Andreas

Zitat von d_mann

Bei Test mit "erfundenem Link" wie https://eaxyxy.de/ geht der Code auch nicht.

Einspruch :wink:

Dein Link mit einem Icon von Youtube sieht hier so aus:

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

CSS

#PlacesToolbarItems > [class="bookmark-item"][label="Server nicht gefunden"] > image {
    display:none!important}


    #PlacesToolbarItems > [class="bookmark-item"][label="Server nicht gefunden"]{
    -moz-appearance:none!important;
    background: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8AEiP//xIj//8SI///EyP//xIj//8SI///EiP//xIj//8SI///EyP//xIj//8SI///EiP//xIj//////8AEiP//wAc7v8AHO7/AB3v/wAc7v8AHO7/ABzu/wAc7v8AHO7/ABzu/wAd7/8AHe//ABzu/wAc7/8AHe//EiP//xIj//8SI////////09V//+6uv////////////9PVf//z87///////+ysv//EiP//5ub////////0tH//xIj//8SI///EiP///////9PVf///////xIj////////T1X///////8SI////////5qZ////////EiP//xIj//8TI///EiP//xIj////////T1X///////8TI////////09V////////EiP///////+amf/////////////S0f//EiP//xIj//8SI////////09V////////EiL///////9PVf////////////+6uv//EiP//7q6///v8P//0tH//xIj//8SI///EyP///////8SI///EiP//xIj//8SI///EiP///////8SI///EiP//xIj//8SI///EiP//xIj//8SI///EiP//////////////////xIj//8SI///EiP//xMj////////EiP//xIj//8SI///EiP//xIj//8SI///EiP//9nZ//8SI///EiP//xMj//8SI///EiP//xIj//8SI///EiP//xIj//8SI///EiP//xIj//8SI///EiL//9na//////////////////////////////////////////////////////////////////////////////////////////////////+r5/b/AAAA//372P//////R5K5/wAAAP/IiWb//////26v1f8AAAD/rGZE////////////////////////////qub1/wAAAP/+/Nj/qub2/wAAAP//////AAAA//782P8TcJ3//vzY/wAAAP///////////////////////////6rm9f8AAAD//vzY/6rm9v8AAAD//////wAAAP/+/Nj/AAAA//////8AAAD///////////////////////////9ur9b/AAAA/+PFov//////R5K6/wAAAP/JiWb//////wAAAP//////AAAA////////////////////////////AAAA//+p7/8AAAD/////////////////////////////////////////////////////////////////bq7V/wxKf///////rGZE/+PFov//////////////////////////////////////////////////////gAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") no-repeat !important;
    width:auto!important;
    padding-left:23px!important;
    margin-left:0px!important;
    margin-top:4px!important;

    background-position:3px 2px!important;}

Alles anzeigen

foto59

Zitat von d_mann

also:
Favicon-Customizer
Das Add-on stürzt - nachdem ich ein Icon auswählen will - mit samt Firefox ab.

Hatte ich bis jetzt noch nicht, habs aber bis jetzt aber erst für 4 benötigt.
Hast du versucht ein Icon im der Dateiendung .ico zu nehmen?
Es gehen nämlich nur png Dateien.

d_mann

@Favicon-Customizer
habe nochmal entfernt und erneut installiert.
Ja, im Tab wird das Icon angezeigt jedoch nicht in der Lesezeichen-Symbolleiste.

Ich habe noch folgenden Code in der userChrome.css stehn:

CSS

/* ---------- hide names on the Bookmarks Toolbar --------------- */
    #PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
     display: none !important;
     transition: all 500ms ease-in-out 0s !important;
    }


    #PlacesToolbarItems > .bookmark-item:hover > .toolbarbutton-text {
     display:block !important;
     transition: all 500ms ease-in-out 0s !important;
    }


/*-------- Multi Row ---------------------------------------*/
    #personal-bookmarks
    {
      display: block !important;
    }


    #personal-bookmarks #PlacesToolbar
    {
      display: block !important;
      min-height: 0px;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 999px;
    }


    #personal-bookmarks #PlacesToolbar > hbox
    {
      display: -moz-stack !important;
      left: 0px;
      right: 0px;
      width: 100%;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems
    {
      /*display:block;*/
      overflow-x: visible;
      overflow-y: visible;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
    {
      display: block !important;
    }


    #personal-bookmarks #PlacesToolbar > .bookmark-item
    {
      visibility: visible !important;
    }


    #personal-bookmarks #PlacesToolbar .chevron
    {
      display: none;
    }


    #personal-bookmarks #PlacesToolbar > hbox > hbox
    {
      overflow-x: hidden;
      overflow-y: hidden;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
    {
      display: none;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
    {
      display: none;
    }


    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
    {
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 1px !important;
      padding-right: 1px !important;
    }


    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
    {
      padding-top: 2px !important;
      padding-bottom: 2px !important;
      -moz-padding-start: 4px;
      -moz-padding-end: 2px;
    }


    #personal-bookmarks #PlacesToolbar toolbarseparator
    {
      -moz-appearance: none !important;
      visibility: visible !important;
      display: inline;
      text-shadow: none !important;
      border-left: 2px solid #000 !important;
      border-right: 1px solid #666 !important;
      vertical-align: middle;
    }


    #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
    {
      -moz-appearance: toolbarbutton;
    }

.bookmark-item[label="Filme"] {list-style-image: url('./icons/DVD.png') !important;}

Alles anzeigen

Also, ich habe nur die Icons ohne Beschriftung, aus Platzgründen...
[attachment=0]bild1.jpg[/attachment]

2002Andreas

Zitat von d_mann

ich habe nur die Icons ohne Beschriftung

Ok, du hattest es aber so beschrieben:

Zitat

.bookmark-item[label="Filme"] {list-style-image: url('./icons/DVD.png') !important;}

Darum bin ich von einem Namen ausgegangen.

Dann musst du die Lesezeichen per Nummer ansprechen, z.B. so:

#PlacesToolbarItems > toolbarbutton:nth-child(8)

Wobei 8 das 8te Lesezeichen von links auf der Lesezeichensymbolleiste ist.

d_mann

Jein...
Ich habe die Icons nur "angezeigt" ohne Label - das Lesezeichen selbst hat eine Bezeichnung (Name).

2002Andreas

So wie auf deinem Screenshot zu sehen ist!?

Wenn ja geht das nur per Zahl dann.

foto59

Hab jetzt auch als Anfänger einiges hier im Forum gefunden was ich in der userChrome.css eingetragen habe und toll funktioniert.
Wer schreibt mir noch mal ein Code-Schnipsel mit dem ich meinem Lesezeichen zum Passwortmanager (chrome://passwordmgr/content/passwordManager.xul ) ein Icon geben kann.
Will dem Lesezeichen aber keinen Namen geben und darum müsste es die Variante mit „erstes Lesezeichen in der Lesezeichen-Symbolleiste sein.

d_mann

Zitat

So wie auf deinem Screenshot zu sehen ist!?

Jo. siehe hier: (mit maus darüber /hover)
[attachment=1]bild2.jpg[/attachment]

und ohne maus drüber:
[attachment=0]bild3.jpg[/attachment]

Also mit Name, oder ohne - ich könnte auch per Nummer [ nth-child(n) ] die Bookmarks ansprechen?

2002Andreas

Zitat von foto59

Wer schreibt mir

Bitte sehr :wink:

CSS

#PlacesToolbarItems > toolbarbutton:nth-child(1) > image {
    display:none!important}


    #PlacesToolbarItems > toolbarbutton:nth-child(1){
    -moz-appearance:none!important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTNFOUI4NDk3NkI1MTFFMjk1N0E5ODhBM0I2MDdFNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNFOUI4NEE3NkI1MTFFMjk1N0E5ODhBM0I2MDdFNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5M0U5Qjg0Nzc2QjUxMUUyOTU3QTk4OEEzQjYwN0U1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5M0U5Qjg0ODc2QjUxMUUyOTU3QTk4OEEzQjYwN0U1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plh07LYAAAIRSURBVHjahFNNaxNRFD1DxvhBmwZbRNNqE+NHEyPUlQgiKuLGTYj4AyxWV4W6llbRPyB0J25dqdGtn5QuFEK1BdtmGjW1LSF1iHYmwaTNm5fnmzttwoQ2vfC4797z7plz73ujfHtydQpAP9w2HRt8cwYtTFEUx0sCEUmMuMB08hF2sGm5Lp2+/dZQnZjDyr+gnafzAiLXR1tWp18+7JfFJXvvEIgKFI+zrRmfyK9kcijq5rYkQghut7FRtVYnsC2vLWNv2250n7+HyTkD2VwZzBKE7VIV+CsziG3Owp5BM/vB44fgO9CB1EI3vhcCiJ2Kwu/vIMwwTMzMzoEx9vjO4MBd+mz0xgMXAdeTTq+5dgTDAfxdXcWXr1OUC4WC6OkJQNMyAzJ0CMB01EqpxhWpXvKlsgWLWVhcWsatK1nKPX0P9B45DM65r95CNH5TznHepWJp4h3Kf/SWtyEEXpMCBVV5H14XaK7k0ZcYgse7h+J57Qf5k33HnDara9CSY3GnBaVal71pVYuDmb+wkHpG8ViyQH440UU+fHmYzqjldZ6ZffX8RLM8JkH+T0fv0QgWs2nsb2tgdk5UCnRGPTv0IS5z+5oJPt4PTIp1k4pt62xvYHYu5AtKBTV6SOmtBsQYl++rWFdw7VyXSwEr/aYz6nYTLhTZ+OcJ7eJW2M8NVcVybVxpcUthufw7/JXGfwEGACML18eOQoEzAAAAAElFTkSuQmCC") no-repeat !important;
    width:auto!important;
    padding-left:18px!important;
    margin-left:0px!important;
    margin-top:4px!important;

    background-position:3px 2px!important;}


    #PlacesToolbarItems > toolbarbutton:nth-child(1):hover{
    background:lightblue
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTNFOUI4NDk3NkI1MTFFMjk1N0E5ODhBM0I2MDdFNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNFOUI4NEE3NkI1MTFFMjk1N0E5ODhBM0I2MDdFNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5M0U5Qjg0Nzc2QjUxMUUyOTU3QTk4OEEzQjYwN0U1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5M0U5Qjg0ODc2QjUxMUUyOTU3QTk4OEEzQjYwN0U1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plh07LYAAAIRSURBVHjahFNNaxNRFD1DxvhBmwZbRNNqE+NHEyPUlQgiKuLGTYj4AyxWV4W6llbRPyB0J25dqdGtn5QuFEK1BdtmGjW1LSF1iHYmwaTNm5fnmzttwoQ2vfC4797z7plz73ujfHtydQpAP9w2HRt8cwYtTFEUx0sCEUmMuMB08hF2sGm5Lp2+/dZQnZjDyr+gnafzAiLXR1tWp18+7JfFJXvvEIgKFI+zrRmfyK9kcijq5rYkQghut7FRtVYnsC2vLWNv2250n7+HyTkD2VwZzBKE7VIV+CsziG3Owp5BM/vB44fgO9CB1EI3vhcCiJ2Kwu/vIMwwTMzMzoEx9vjO4MBd+mz0xgMXAdeTTq+5dgTDAfxdXcWXr1OUC4WC6OkJQNMyAzJ0CMB01EqpxhWpXvKlsgWLWVhcWsatK1nKPX0P9B45DM65r95CNH5TznHepWJp4h3Kf/SWtyEEXpMCBVV5H14XaK7k0ZcYgse7h+J57Qf5k33HnDara9CSY3GnBaVal71pVYuDmb+wkHpG8ViyQH440UU+fHmYzqjldZ6ZffX8RLM8JkH+T0fv0QgWs2nsb2tgdk5UCnRGPTv0IS5z+5oJPt4PTIp1k4pt62xvYHYu5AtKBTV6SOmtBsQYl++rWFdw7VyXSwEr/aYz6nYTLhTZ+OcJ7eJW2M8NVcVybVxpcUthufw7/JXGfwEGACML18eOQoEzAAAAAElFTkSuQmCC") no-repeat !important;
    width:auto!important;
    padding-left:18px!important;

    background-position:3px 2px!important;
    }

Alles anzeigen

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

foto59

:klasse: Danke Danke Danke, funktioniert hier am 10 Zoll Tablet schon mal super.

2002Andreas

Gerne doch

d_mann

Ja, auch von mir ein großes Danke. Ihr Jungs macht nen tollen Job hier!
schönen Abend noch.

2002Andreas

Zitat von d_mann

schönen Abend noch.

Danke, das wünsche ich dir auch

Zitat von d_mann

Ihr Jungs macht nen tollen Job hier!

Danke für das Kompliment an alle Helfer hier :klasse:

BY-Fox

Zitat von d_mann

@Favicon-Customizer
habe nochmal entfernt und erneut installiert.
Ja, im Tab wird das Icon angezeigt jedoch nicht in der Lesezeichen-Symbolleiste.

Habe dasselbe Problem. Gibt es schon eine Lösung?

In welche .sqlite müsste ich "eingreifen"?

BY-Fox

Habe nun die favicons.sqlite und die xulsatore.json deaktiviert (umbenannt) und die Ext. checkmarks drüber laufen lassen:
Icons sind wieder da und konnten mit favicon-customizer neu gesetzt werden (Tab- und Bookmark-Icon werden geändert)!