Farbige Ordnersymbole

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Benutzeravatar
Son Goku
Senior-Mitglied
Beiträge: 542
Registriert: Mi, 10. Nov 2004 17:51

Re: Farbige Ordnersymbole

#16

Beitrag von Son Goku » Fr, 15. Dez 2017 1:24

POLIKS hat geschrieben:
Do, 14. Dez 2017 14:17
gibt es auch einen Code dafür, um die Ordner liegend in der gelben Farbe darzustellen?
meinste Du das so ?
Unbenannt-3.png
Unbenannt-3.png (2.32 KiB) 646 mal betrachtet
Unbenannt-2.png
Unbenannt-2.png (7.48 KiB) 645 mal betrachtet

Benutzeravatar
hwww
Mitglied
Beiträge: 138
Registriert: Fr, 13. Aug 2004 10:50

Re: Farbige Ordnersymbole

#17

Beitrag von hwww » Fr, 15. Dez 2017 8:11

Hallo 2002Andreas
Erst mal wieder tausend Dank für deine Antwort.Habe den "Text" zwischen den "" gelöscht und einen Pfad zu einem Icon auf meinen PC erstellt.Klappt wunderbar!Nun schreibst du noch das man jedem Ordner ein eigenes Icon geben kann.Da wäre die Frage für mich wie?Bei welchen der drei "list-style-image: url" muss ich was eingeben um z.B. beim Ordner "Banken" ein bestimmtes Icon zu bekommen und bei Ordner "Bücher" wieder ein anderes?Muss da für jeden Ordner (ich habe 13) eine Zeile angelegt werden?

Danke im voraus hwww

Benutzeravatar
2002Andreas
Moderator
Beiträge: 36680
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbige Ordnersymbole

#18

Beitrag von 2002Andreas » Fr, 15. Dez 2017 9:20

3 verschiedene Icons für 3 Ordner:

Code: Alles auswählen

toolbarbutton[class="bookmark-item"][label="Banken"][type="menu"][container="true"]{
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABc0lEQVR42mNkoBAwUmxAw7LHC/nYfsWhS2zYfIDp0MLk/wQNKJtz639ptArDmSc/4IJ//vxluH31FU5NZy7dZV/W5PYLboCyujjDj5+sKIrEhRHs33+gBv9lYHj69CPD7eu3pBbW2D+3i5/Lylg6++Z/cRl+hm9f/jF8fPeOoJ+ZWVkZzp04nfjr58/HQO4toAE3/guKcDG8f/cdrKAmVo3h2MPvRAVge8tyP8aSWTf+MzH/ZPj7h5lBV1+B4c17guEGBh/fv//15OEjU6AB1////PmRQUtTieHLT3aGf8TpZ3jy4OHxyTl6VowlM6////jxBYOltRHDi9f/iNL888cPhqePHqXPKTOfxVg889p/GSkeht8MvMCYIM761y+evZqcoyMOjkaQAfr6UgzPXvxjYGVjIqj5/79/DLdv3Fs1s8QkHGyAd9rEWH0rjwUfP/0iyvY/v3//3bmgxPLB5X1nwQYAsQVxwYYBTsAMoAhQbAAAAjCiCL9JqqgAAAAASUVORK5CYII=") !important;}
 

toolbarbutton[class="bookmark-item"][label="Bücher"][type="menu"][container="true"]{
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wcREBAg9OD7NAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAH6SURBVHjaxVNBaxNBFP4mGRNp06bSaGu9qXhRLOSQX6Dg0d48SMWC4Mmbv8AfYA7Sgp6UgteCF29CKahBsKKWglgam4rRxGxiks3u7Mz6zZIlSVHRk7N8vLcz7/vemzczwP8eorSCgtLJJeXpUGtMBQHgK5RptxbuYJUx5o8CL5bx+OzCkyuZ2cLIwtPihbVW9a1GiCyFQyusFD4S2zfv4x5DtI2TAphOZk8zbXFE4NKt5ctInDmY8OLd6zNrtI+IlhURG0Xs55dezZXXF9Gq7CA9NQvNbAH19W/wo+6gWXeaN1aQkybEXLv2Bb36Z+SvfUAynYLgB9Y+GLEv6Sl4HTdcvX0yy4kZqdkit1nFWC4Pme4ydvMXxNiOwwTfIVP5OCBlK0Cv8Y4C5xnXYM+bB0ixTwjWHwpUdzbh+ijZSWlYQefrcxwrLJJcIZxRAWM33qP1KTCOwJ9ErbyLno8trvqRgOrsITV5ik6pT2IXvbZdINmjVr8CmYMx09h7/8wKMBtUtIWgu4/DE8e5lxob4pLsDkhhvxJrjYfE2Am065/Et1ZUQRAJTBxJIDQJZrgKZDiRwYA03AlxCF1Ho92oYGM7ElCS5/qmVjXzLx+cg71tMex5D/8Pw+ng4etd2GYpER0ucJRI26v9l2/Ivg82CI2YIP+BPCyifwI91AzKs/qQkQAAAABJRU5ErkJggg==") !important;}


toolbarbutton[class="bookmark-item"][label="Haus"][type="menu"][container="true"]{
 list-style-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAAQABADASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQQG/8QAIxAAAQQCAgEFAQAAAAAAAAAAAQIDBBEFIQYxABITFjJBcf/EABUBAQEAAAAAAAAAAAAAAAAAAAUH/8QAIREAAQMBCQAAAAAAAAAAAAAAAQIREgADITFBYXKBscH/2gAMAwEAAhEDEQA/AM49A5DnnV5RcDIzlSVFRkIjrWlZGtECqFVQ0Kr88TXxjkPGIEXkIdaiPop1LIcp9tNhPqUgiiLUkEb+4BHfhOVk5mGx8fya3W2obmoqwKQoFZsf33FGwdgjsAVRHy/Is3Ci8aYkvyWCoJajJAs1sAq7KR3s0AB1QogRe939qiKFsUiJTDPb1hxrX//Z") !important;}
Zwischenablage01.jpg
Zwischenablage01.jpg (4.64 KiB) 600 mal betrachtet
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
2002Andreas
Moderator
Beiträge: 36680
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbige Ordnersymbole

#19

Beitrag von 2002Andreas » Fr, 15. Dez 2017 9:46

Oder die Original Icons behalten und ihnen jeweils eine eigene Farbe geben:

Code: Alles auswählen

toolbarbutton[class="bookmark-item"][label="Banken"][type="menu"][container="true"]{
 filter:none !important;
 fill:red!important;}
 

toolbarbutton[class="bookmark-item"][label="Bücher"][type="menu"][container="true"]{
 filter:none !important;
 fill:blue!important;}


toolbarbutton[class="bookmark-item"][label="Haus"][type="menu"][container="true"]{
filter:none !important;
 fill:green!important;}
Zwischenablage01.jpg
Zwischenablage01.jpg (3.84 KiB) 579 mal betrachtet
Wenn du jeweils auch die Textfarbe dazu ändern möchtest geht das so:

Code: Alles auswählen

toolbarbutton[class="bookmark-item"][label="Banken"][type="menu"][container="true"]{
 filter:none !important;
 fill:red!important;
 color:blue!important}
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
hwww
Mitglied
Beiträge: 138
Registriert: Fr, 13. Aug 2004 10:50

Re: Farbige Ordnersymbole

#20

Beitrag von hwww » Fr, 15. Dez 2017 13:24

Hallo 2002Andreas
Entschuldige das ich mich noch mal melde.Habe die ganze Zeit rumprobiert aber ich bekomme es nicht hin!Habe zuerst Code aus Beitrag #11 genommen und der hat auch funktioniert und dann geändert nach Beitrag #14 hat auch funktioniert.Nach meiner Frage in Beitrag #17 habe ich deinen Code von Beitrag #18 genommen.Und da liegt bei mir das Problem.Soll der alte Code gelöscht werden und der aus #18 genommen werden?Oder kommt der Code aus #18 noch zum alten Code dazu und wohin?Wie muss ich den Code aus #18 genau einbinden in die userChrome.css?

vielen Dank im voraus für die Mühe die du dir machst hwww

Benutzeravatar
2002Andreas
Moderator
Beiträge: 36680
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbige Ordnersymbole

#21

Beitrag von 2002Andreas » Fr, 15. Dez 2017 13:37

Der Code aus Beitrag Nr. 11 gilt pauschal für alle Ordner Icons.

Wenn du also für dich Ordner speziell ansprechen willst musst du einen meiner Codes einfach zusätzlich unten drunter einfügen.
Dann bleiben alle anderen Ordner mit dem gelben Icon, und nur diese 3 aus meinem Beispiel haben ein anderes eigenes Icon.

Code: Alles auswählen

/* This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to override default settings.
 */
/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
/* set default namespace to XUL */

/**********************************************************
 ******* Ordnerfarbe der Lesezeichen wieder in gelb *******

 **********************************************************/
 
 /* Lesezeichen Sidebar - Ordnericon liegend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul") {

treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wcREBAg9OD7NAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAH6SURBVHjaxVNBaxNBFP4mGRNp06bSaGu9qXhRLOSQX6Dg0d48SMWC4Mmbv8AfYA7Sgp6UgteCF29CKahBsKKWglgam4rRxGxiks3u7Mz6zZIlSVHRk7N8vLcz7/vemzczwP8eorSCgtLJJeXpUGtMBQHgK5RptxbuYJUx5o8CL5bx+OzCkyuZ2cLIwtPihbVW9a1GiCyFQyusFD4S2zfv4x5DtI2TAphOZk8zbXFE4NKt5ctInDmY8OLd6zNrtI+IlhURG0Xs55dezZXXF9Gq7CA9NQvNbAH19W/wo+6gWXeaN1aQkybEXLv2Bb36Z+SvfUAynYLgB9Y+GLEv6Sl4HTdcvX0yy4kZqdkit1nFWC4Pme4ydvMXxNiOwwTfIVP5OCBlK0Cv8Y4C5xnXYM+bB0ixTwjWHwpUdzbh+ijZSWlYQefrcxwrLJJcIZxRAWM33qP1KTCOwJ9ErbyLno8trvqRgOrsITV5ik6pT2IXvbZdINmjVr8CmYMx09h7/8wKMBtUtIWgu4/DE8e5lxob4pLsDkhhvxJrjYfE2Am065/Et1ZUQRAJTBxJIDQJZrgKZDiRwYA03AlxCF1Ho92oYGM7ElCS5/qmVjXzLx+cg71tMex5D/8Pw+ng4etd2GYpER0ucJRI26v9l2/Ivg82CI2YIP+BPCyifwI91AzKs/qQkQAAAABJRU5ErkJggg==") !important;}
}

/* Lesezeichen verwalten - Ordnericon liegend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {

treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wcREBAg9OD7NAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAH6SURBVHjaxVNBaxNBFP4mGRNp06bSaGu9qXhRLOSQX6Dg0d48SMWC4Mmbv8AfYA7Sgp6UgteCF29CKahBsKKWglgam4rRxGxiks3u7Mz6zZIlSVHRk7N8vLcz7/vemzczwP8eorSCgtLJJeXpUGtMBQHgK5RptxbuYJUx5o8CL5bx+OzCkyuZ2cLIwtPihbVW9a1GiCyFQyusFD4S2zfv4x5DtI2TAphOZk8zbXFE4NKt5ctInDmY8OLd6zNrtI+IlhURG0Xs55dezZXXF9Gq7CA9NQvNbAH19W/wo+6gWXeaN1aQkybEXLv2Bb36Z+SvfUAynYLgB9Y+GLEv6Sl4HTdcvX0yy4kZqdkit1nFWC4Pme4ydvMXxNiOwwTfIVP5OCBlK0Cv8Y4C5xnXYM+bB0ixTwjWHwpUdzbh+ijZSWlYQefrcxwrLJJcIZxRAWM33qP1KTCOwJ9ErbyLno8trvqRgOrsITV5ik6pT2IXvbZdINmjVr8CmYMx09h7/8wKMBtUtIWgu4/DE8e5lxob4pLsDkhhvxJrjYfE2Am065/Et1ZUQRAJTBxJIDQJZrgKZDiRwYA03AlxCF1Ho92oYGM7ElCS5/qmVjXzLx+cg71tMex5D/8Pw+ng4etd2GYpER0ucJRI26v9l2/Ivg82CI2YIP+BPCyifwI91AzKs/qQkQAAAABJRU5ErkJggg==") !important;}
}

/* Lesezeichen - Ordnericon liegend gelb */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {

.bookmark-item[container="true"] {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wcREBAg9OD7NAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAH6SURBVHjaxVNBaxNBFP4mGRNp06bSaGu9qXhRLOSQX6Dg0d48SMWC4Mmbv8AfYA7Sgp6UgteCF29CKahBsKKWglgam4rRxGxiks3u7Mz6zZIlSVHRk7N8vLcz7/vemzczwP8eorSCgtLJJeXpUGtMBQHgK5RptxbuYJUx5o8CL5bx+OzCkyuZ2cLIwtPihbVW9a1GiCyFQyusFD4S2zfv4x5DtI2TAphOZk8zbXFE4NKt5ctInDmY8OLd6zNrtI+IlhURG0Xs55dezZXXF9Gq7CA9NQvNbAH19W/wo+6gWXeaN1aQkybEXLv2Bb36Z+SvfUAynYLgB9Y+GLEv6Sl4HTdcvX0yy4kZqdkit1nFWC4Pme4ydvMXxNiOwwTfIVP5OCBlK0Cv8Y4C5xnXYM+bB0ixTwjWHwpUdzbh+ijZSWlYQefrcxwrLJJcIZxRAWM33qP1KTCOwJ9ErbyLno8trvqRgOrsITV5ik6pT2IXvbZdINmjVr8CmYMx09h7/8wKMBtUtIWgu4/DE8e5lxob4pLsDkhhvxJrjYfE2Am065/Et1ZUQRAJTBxJIDQJZrgKZDiRwYA03AlxCF1Ho92oYGM7ElCS5/qmVjXzLx+cg71tMex5D/8Pw+ng4etd2GYpER0ucJRI26v9l2/Ivg82CI2YIP+BPCyifwI91AzKs/qQkQAAAABJRU5ErkJggg==") !important;}


toolbarbutton[class="bookmark-item"][label="Banken"][type="menu"][container="true"]{
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABc0lEQVR42mNkoBAwUmxAw7LHC/nYfsWhS2zYfIDp0MLk/wQNKJtz639ptArDmSc/4IJ//vxluH31FU5NZy7dZV/W5PYLboCyujjDj5+sKIrEhRHs33+gBv9lYHj69CPD7eu3pBbW2D+3i5/Lylg6++Z/cRl+hm9f/jF8fPeOoJ+ZWVkZzp04nfjr58/HQO4toAE3/guKcDG8f/cdrKAmVo3h2MPvRAVge8tyP8aSWTf+MzH/ZPj7h5lBV1+B4c17guEGBh/fv//15OEjU6AB1////PmRQUtTieHLT3aGf8TpZ3jy4OHxyTl6VowlM6////jxBYOltRHDi9f/iNL888cPhqePHqXPKTOfxVg889p/GSkeht8MvMCYIM761y+evZqcoyMOjkaQAfr6UgzPXvxjYGVjIqj5/79/DLdv3Fs1s8QkHGyAd9rEWH0rjwUfP/0iyvY/v3//3bmgxPLB5X1nwQYAsQVxwYYBTsAMoAhQbAAAAjCiCL9JqqgAAAAASUVORK5CYII=") !important;}
 

toolbarbutton[class="bookmark-item"][label="Bücher"][type="menu"][container="true"]{
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wcREBAg9OD7NAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAH6SURBVHjaxVNBaxNBFP4mGRNp06bSaGu9qXhRLOSQX6Dg0d48SMWC4Mmbv8AfYA7Sgp6UgteCF29CKahBsKKWglgam4rRxGxiks3u7Mz6zZIlSVHRk7N8vLcz7/vemzczwP8eorSCgtLJJeXpUGtMBQHgK5RptxbuYJUx5o8CL5bx+OzCkyuZ2cLIwtPihbVW9a1GiCyFQyusFD4S2zfv4x5DtI2TAphOZk8zbXFE4NKt5ctInDmY8OLd6zNrtI+IlhURG0Xs55dezZXXF9Gq7CA9NQvNbAH19W/wo+6gWXeaN1aQkybEXLv2Bb36Z+SvfUAynYLgB9Y+GLEv6Sl4HTdcvX0yy4kZqdkit1nFWC4Pme4ydvMXxNiOwwTfIVP5OCBlK0Cv8Y4C5xnXYM+bB0ixTwjWHwpUdzbh+ijZSWlYQefrcxwrLJJcIZxRAWM33qP1KTCOwJ9ErbyLno8trvqRgOrsITV5ik6pT2IXvbZdINmjVr8CmYMx09h7/8wKMBtUtIWgu4/DE8e5lxob4pLsDkhhvxJrjYfE2Am065/Et1ZUQRAJTBxJIDQJZrgKZDiRwYA03AlxCF1Ho92oYGM7ElCS5/qmVjXzLx+cg71tMex5D/8Pw+ng4etd2GYpER0ucJRI26v9l2/Ivg82CI2YIP+BPCyifwI91AzKs/qQkQAAAABJRU5ErkJggg==") !important;}


toolbarbutton[class="bookmark-item"][label="Haus"][type="menu"][container="true"]{
 list-style-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAAQABADASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQQG/8QAIxAAAQQCAgEFAQAAAAAAAAAAAQIDBBEFIQYxABITFjJBcf/EABUBAQEAAAAAAAAAAAAAAAAAAAUH/8QAIREAAQMBCQAAAAAAAAAAAAAAAQIREgADITFBYXKBscH/2gAMAwEAAhEDEQA/AM49A5DnnV5RcDIzlSVFRkIjrWlZGtECqFVQ0Kr88TXxjkPGIEXkIdaiPop1LIcp9tNhPqUgiiLUkEb+4BHfhOVk5mGx8fya3W2obmoqwKQoFZsf33FGwdgjsAVRHy/Is3Ci8aYkvyWCoJajJAs1sAq7KR3s0AB1QogRe939qiKFsUiJTDPb1hxrX//Z") !important;}

}
 
hwww hat geschrieben:
Fr, 15. Dez 2017 13:24
für die Mühe die du dir machst
Alles ist gut, ich bin doch zum helfen hier :wink:
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
hwww
Mitglied
Beiträge: 138
Registriert: Fr, 13. Aug 2004 10:50

Re: Farbige Ordnersymbole

#22

Beitrag von hwww » Fr, 15. Dez 2017 14:17

Hallo 2002Andreas

Wieder mal tausend Dank.Habe es jetzt so hinbekommen.Habe den base64 Code durch den Pfad meiner Icons ersetzt und es funktioniert.Jeder Ordner hat nun sein eigenes Icon.


Recht vielen Dank und ein schönes Wochenende hwww

Benutzeravatar
2002Andreas
Moderator
Beiträge: 36680
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbige Ordnersymbole

#23

Beitrag von 2002Andreas » Fr, 15. Dez 2017 14:22

hwww hat geschrieben:
Fr, 15. Dez 2017 14:17
Recht vielen Dank und ein schönes Wochenende
Gerne doch, und danke, das wünsche ich dir auch :D
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Zitronella
Senior-Mitglied
Beiträge: 8036
Registriert: Di, 07. Feb 2012 18:06

Re: Farbige Ordnersymbole

#24

Beitrag von Zitronella » Fr, 15. Dez 2017 20:21

Ich klemm mich mal hier ran an den Thread, hoffe das ist ok.
Ich habe auch allgemein die Ordnersymbole in orange, aber mit dem fill-Attribut und einen Ordner blau
Der Code sieht bei mir so aus:

Code: Alles auswählen

/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}

/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}

/* Ordner BM in blauer Farbe */	
toolbarbutton[class="bookmark-item"][label="BM"][type="menu"][container="true"]{
fill:blue !important;}
Wie bekomme ich es hin, dass auch der Ordner namens BM in der Lesezeichen-Sidebar blau wird?
Hilfe auch im deutschsprachigen Firefox-Chat möglich.
Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

Benutzeravatar
foto59
Mitglied
Beiträge: 193
Registriert: Sa, 18. Nov 2006 19:08
Wohnort: Bremberg

Re: Farbige Ordnersymbole

#25

Beitrag von foto59 » Sa, 16. Dez 2017 15:14

d_mann hat geschrieben:
Fr, 01. Dez 2017 19:56
Hallo,
also ich habs so (für einzelne Ordner) in der userChrome.css gelöst:

Code: Alles auswählen

.bookmark-item[label="Filme"] {list-style-image: url('./icons/DVD.png') !important;}
Icons liegen also im Unterordner "/icons" des chrome-Ordners
geht prima.

Grüße
Danke, das genügt mir vollkommen um drei Ordner etwas zu personalisieren :klasse:
Gruß Rainer

bluetdi
Junior-Mitglied
Beiträge: 27
Registriert: Mo, 23. Nov 2015 8:29

Re: Farbige Ordnersymbole

#26

Beitrag von bluetdi » So, 17. Dez 2017 7:39

Mit dem obigen code wird ja ein anderes Symbol eingefügt, das brauche ich gar nicht, sondern nur eine andere Farbe. Mir gelingt aber das Einfärben spezieller Ordner nicht. Momentan sind alle in der sidebar grün:

Code: Alles auswählen

/* Lesezeichen Sidebar - Ordnericon liegend grün */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul") {
	treechildren::-moz-tree-image(container) {
		fill:green !important; }		
}
Nun möchte ich 2-3 anders einfärben. Wie?

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 15713
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Farbige Ordnersymbole

#27

Beitrag von AngelOfDarkness » Mo, 18. Dez 2017 22:04

Würde mich auch interessieren, wie ich den vorhandenen Ordnern (allen, nicht einzeln) der Lesezeichen-Symbolleiste einfach nur eine andere Farbe geben kann sowie dem Text dazu. Also ohne den Ordnern eine neue Grafik zuzuweisen.
„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

verwendete Browser und Erweiterungen sowie Bild vom Firefox - Sicherheitskonzept für Windowsnutzer

Benutzeravatar
UliBär
Senior-Mitglied
Beiträge: 5338
Registriert: Fr, 08. Okt 2004 0:04
Wohnort: Braunschweig

Re: Farbige Ordnersymbole

#28

Beitrag von UliBär » Mo, 18. Dez 2017 22:09

AngelOfDarkness hat geschrieben:
Mo, 18. Dez 2017 22:04
Würde mich auch interessieren, wie ich den vorhandenen Ordnern (allen, nicht einzeln) der Lesezeichen-Symbolleiste einfach nur eine andere Farbe geben kann sowie dem Text dazu. Also ohne den Ordnern eine neue Grafik zuzuweisen.
Das steht doch dort: viewtopic.php?p=1065999#p1065999

Wenn alle die gleiche Farbe haben sollen, einfach das label weglassen:

Code: Alles auswählen

toolbarbutton[class="bookmark-item"][type="menu"][container="true"] {
   filter:none !important;
   fill:orange !important;
   color:blue !important;
}
[edit]
Vielleicht noch besser, weil's weiter wirkt:

Code: Alles auswählen

.bookmark-item[container="true"] {
   fill:orange !important;
   color:blue !important;
}
Aloha, Uli
Firefox Tete009 56.0.2 + Neu: Tete009 57.0.4 Test- und Aufbauprofil, bisher läuft's einigermaßen...
Trottel werden nicht geboren, schöne Frauen stellen sie in ihrer Freizeit her.

Benutzeravatar
Son Goku
Senior-Mitglied
Beiträge: 542
Registriert: Mi, 10. Nov 2004 17:51

Re: Farbige Ordnersymbole

#29

Beitrag von Son Goku » Mo, 18. Dez 2017 22:44

hier nochmal alles zusammen gefasst

betrifft nur die Lesezeichenleiste (LZ)
Unbenannt-1.png

Code: Alles auswählen

 /* icon Rot mit Grüner Schrift */
toolbarbutton[class="bookmark-item"][label="Sims 3"][type="menu"][container="true"]{
 fill:red!important;
 color:green; }
 
/* icon Blau mit Roter Schrift */
toolbarbutton[class="bookmark-item"][label="Sims 4"][type="menu"][container="true"]{
 fill:blue!important;
 color:red; }

/* icon Grün mit Blauer Schrift */
toolbarbutton[class="bookmark-item"][label="meine Frage"][type="menu"][container="true"]{
 fill:green!important;
 color:blue; }
oder so, und im Menü bei "Lesezeichen -> Lesezeichen-Symbolleiste "
Unbenannt-4.png
Unbenannt-4.png (63.57 KiB) 230 mal betrachtet

Code: Alles auswählen

/* icon Rot mit Grüner Schrift */
.bookmark-item[container="true"][label="Sims 3"] {
 fill:red!important;
 color:green !important; }
 
/* icon Blau mit Roter Schrift */
.bookmark-item[container="true"][label="Sims 4"] {
 fill:blue!important;
 color:red !important; }

/* icon Grün mit Blauer Schrift */
.bookmark-item[container="true"][label="meine Frage"] {
 fill:green!important;
 color:blue !important; }
worin der Unterschhied genau besteht, weis ich leider auch nicht.

Code: Alles auswählen

/* icon Test */
.bookmark-item[container="true"][label="Test"] {
... }
den Namen des Ordner muß bei z.B [label="Test"] geändert werden in eueren eigenen Ordnername

und hier noch als base64 das Orignale Ordnersymbol mal anderes rum ;)
Unbenannt-6.png
für base64

Code: Alles auswählen

 .bookmark-item[container="true"][label="Test"] {
   -moz-appearance:none!important;
     list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTY3NUY3MjNFNDQwMTFFN0JCNTZFNDUwN0RDQjdBNDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTY3NUY3MjRFNDQwMTFFN0JCNTZFNDUwN0RDQjdBNDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjc1RjcyMUU0NDAxMUU3QkI1NkU0NTA3RENCN0E0MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjc1RjcyMkU0NDAxMUU3QkI1NkU0NTA3RENCN0E0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsI7/MYAAACeSURBVHjaYvz//z8DMeDGjZv/6+vrGL58+QoXCw8PZ2AAGUAIX79+439CQsL/Y8eO/79//wEYgwz08vL+z7Jo0eL/K1euxGs7NzcXQ2FhEYOkpCRcjJ2dHUyzgDT39fXBBUgFjCBnMFAAWEBEbW0tWZqbm5sZmBgoBKMGUMEAcDR++vSJgYWFhSSNf/78gSSkhQsXEUzKuAAoMwEEGAC4mFeEiMjWbwAAAABJRU5ErkJggg==') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
	margin-top: 1px!important;
	color: red !important; 
	 }
für die Punkte kann dein base64 Code verwendet werden.

Code: Alles auswählen

list-style-image:  url('............') !important;
Zuletzt geändert von Son Goku am Mo, 18. Dez 2017 23:35, insgesamt 8-mal geändert.

Benutzeravatar
UliBär
Senior-Mitglied
Beiträge: 5338
Registriert: Fr, 08. Okt 2004 0:04
Wohnort: Braunschweig

Re: Farbige Ordnersymbole

#30

Beitrag von UliBär » Mo, 18. Dez 2017 22:55

Son Goku hat geschrieben:
Mo, 18. Dez 2017 22:44
...
worin der Unterschhied genau besteht, weis ich leider auch nicht.
...
Der Code

Code: Alles auswählen

.bookmark-item[container="true"]...
"wirkt" weiter, z. B. auch in Untermenüs. Der andere Code wirkt ausschließlich in der Lesezeichenleiste.
Aloha, Uli
Firefox Tete009 56.0.2 + Neu: Tete009 57.0.4 Test- und Aufbauprofil, bisher läuft's einigermaßen...
Trottel werden nicht geboren, schöne Frauen stellen sie in ihrer Freizeit her.

Antworten

Wer ist online?

Mitglieder in diesem Forum: Falck und 3 Gäste