farbige Symbole / eigenes Ordnersymbol

KATERchen

Okay, super, danke, es funktioniert. Es waren die drei /// vor der Adresse zu den Icons.
Danke

2002Andreas

Wieder ein Problem weniger...war gern geschehen

Son Goku

Hallo,
funktionieren keine SVG Datei die automatisch verkleinert wird als Symbole z.B. für den Home Button ?

svg liegt dort wo die css Datei auch ist.

CSS

#home-button {
   -moz-appearance:none!important;
    -moz-image-region: rect(0, 0, 16px, 16px);
	list-style-image: url("test.svg") !important; 
	}

Pentomino

Funktioniert mit diesem Code bei mir einwandfrei (.svg-Datei für "home-button"). Die .svg-Datei liegt dabei im Chrome-Ordner/icons.

CSS

#home-button {
	filter:none;
    list-style-image: url('./Icons/Wappen OSLw.svg') !important;}

Son Goku

ok Danke, jetzt klappt es auch mit svg Datei.
Der Pfad hat gestimmt aber ich hatte den Falschen Dateinamen gehabt, ich Trottel :mrgreen:

Son Goku

Hallo,
weis jenmand zufälliger weise warum so eine kombie nicht funktioniert ?

CSS

.bookmark-item[container="true"][label="Test"] {
	list-style-image: url("test00.svg") !important; 
	color: red !important;
}


.bookmark-item[container="true"]{
	list-style-image: url('icon-gelb.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
	margin-top: 1px !important; /* gleiche höhe wie Org */
	}

Alles anzeigen

so habe ich kein Icon sichtbar bei "[label="Test"]" ?

wen nich aber mit fill und color arbeite für eine Varijante dann klappt es nur ebend mit Grafik irgendwie nicht

2002Andreas

Der Pfad und der Name des Icons stimmen?

Ich habe mal meine Icons in deinen Code eingesetzt, funktioniert einwandfrei.

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

CSS

.bookmark-item[container="true"][label="Haus"] {
	list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") !important; 
	color: red !important;
}


.bookmark-item[container="true"]{
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
	margin-top: 1px !important; /* gleiche höhe wie Org */
	}

Alles anzeigen

Son Goku

ja Andreas, so klappt es auch als base64 aber nicht als PNG und SVG.

2002Andreas

Links eine svg und rechts eine png Datei:

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

CSS

.bookmark-item[container="true"][label="Haus"] {
	list-style-image: url("chrome://browser/skin/settings.svg") !important; 
	color: red !important;
        }


.bookmark-item[container="true"]{
	list-style-image: url('file:///C:/Users/Andi/Icons%20Firefox/broom.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
	margin-top: 1px !important; /* gleiche höhe wie Org */
	}

Alles anzeigen

Oder auch in dieser Form:

CSS

toolbarbutton[class="bookmark-item"][label="Haus"][type="menu"][container="true"]{
list-style-image: url("chrome://browser/skin/settings.svg") !important;
color:red!important;
}


toolbarbutton[class="bookmark-item"][type="menu"][container="true"]{
list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/broom.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
margin-top: 1px !important;/* gleiche höhe wie Org */
}

Alles anzeigen

Son Goku

mhh dann nochmal die CSS auseinander nehmen.

das muß ja bei mir auch klappen.