Change Firefox bookmark folder icons

[Approach]

I cant get it to work! Important to say that I use Vista.

I'm not sure about one thing. I found 2 "chrome" folders:

- C:\Program Files\Mozilla Firefox\chrome

- C:\Program Files\Mozilla Firefox\defaults\profile\chrome

The userChrome-example.css file is in the second...

Should I make the changes in the file and leave it in the same folder without the "-example"?

I also found at the Mozilla site that the profile is located at

%APPDATA%\Mozilla\Profiles\[profile name]\[random string].slt\

Should I bother about that?

I dont have that folder. This is the one I have:

C:\Users\f1692908\AppData\Local\Mozilla\Firefox\Profiles ... => which has 2 other folders in it:

- 4w64sd4x.default

- 7yh30uep.default

I've tried almost everything... and would really like your help!

Thanks in advance!

Thanks Jase,

First I tried everything to change my folder icons.

I was using just one code,example:

.bookmark-item[container=true][label=dev] {

list-style-image: url('file:///C:/1.ico') !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;

}

Then I thought may be writing "at least 2 codes" is the secret of changing folder icons...(Because Jase wrote 2 codes)

After that I wrote code for 2 folder icon.

.bookmark-item[container=true][label=dev] {

list-style-image: url('file:///C:/1.ico') !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;

}

.bookmark-item[container=true][label=resim] {

list-style-image: url('file:///C:/2.ico') !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;

}

Finally the problem solved :D.Don't know was that luck or right decision.

Try to write code for 2 or more folder icon.

If anyone solves their problem by my method please write it here.Because I want to know if it is right or wrong.

Thanks again Jase :)

[hayeled]

Can I use relative file paths to refer to the icons?

I wish to copy my profile to multiple computers, but because of the random characters generated for each computer's firefox profile, I have to manually change the icon-file-paths in the userchrome.css every time.

Assuming I place the icons within the chrome folder itself, is there a way of referring to these in the userchrome.css that makes it so that the profile name doesn't matter?

[hayeled]

A kindly gent (or lady) at firefox answered this for me.

If anyone else is interested, place the icon files directly in to the chrome folder.

And then, using the example Jase provided, replace

list-style-image: url('file:///C:/Documents/Tools/FFI/home.png') !important;

with

list-style-image: url('home.png') !important;

[bbluebb]

I like how you can have folders for your bookmarks.. but what I dislike is they are all the same! boring looking folders..

well its time to change that and make your firefox folders look like this:

go to:

C:\Documents and Settings\*your username*\Application Data\Mozilla\Firefox\Profiles\*profile name*\chrome

and create A: userChrome.css

enter the following:

[i].bookmark-item[container="true"][label="[b]NAME OF FOLDER[/b]"] {
  list-style-image: url('file:///*[b]LOCATION OF ICON[/b]*) !important;
  -moz-image-region: rect(0px 16px 16px 0px) !important;
}[/i]

here is an example:

This will show my first 2 folders: Dailys and Favorites.. remember to repeat the code to change the icons of the folders.. its a quite easy and simple trick that I thought I might share :)

[bbluebb]

hi j.

i am totally new to this only use IE before and things were easy there.

Can't really believe everybody syas use Firefox - but having to go trough all this research and trying out and copy and paste again and again.....

well i figured some stuff out -

1. but I only got it working for toolbar folders

2. only when i use .ico instead of .png files

3. some icons show only part of the original icon ...obviously something to to with the size set

but how do i do the folder icons in the bookmark menu

can you please give me an example i can copy and just enter my specific data like you did before if one has to do something different...

thanks bbluebb

[schmuf]

Thanks +Jase, lovely tip! was able to use it nicely here.

I suspect a lack of feedback is due to forums slightly complicated registration procedure.

regards,

andrew

[LeonE53]

I love the prospect of changing the folder icon and wonder if anyone has created an addon similar to FavIcon Picker which includes the ability to change the folder icons as well. I'm attempting to create the css file, but I don't know if it's because it's Vista, but I cannot locate the C:\Documents and Settings\......... directory anywhere.

I could make the change if I could find it, but obviously would much prefer an addon, I use MrTech to omit version compatibility and eventually all addons do finally come up with the newer version solution.

Thanks, Leon

[Neyht Member]

I love the prospect of changing the folder icon and wonder if anyone has created an addon similar to FavIcon Picker which includes the ability to change the folder icons as well. I'm attempting to create the css file, but I don't know if it's because it's Vista, but I cannot locate the C:\Documents and Settings\......... directory anywhere.

I could make the change if I could find it, but obviously would much prefer an addon, I use MrTech to omit version compatibility and eventually all addons do finally come up with the newer version solution.

Thanks, Leon

Try typing %appdata% into the windows explorer address bar.

[Jeroi]

And then there was light!

Found this: https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/

Now I can change on the fly my folder icons with Firefox 9. Sweet!