Replace Folder icon on bookmark toolbar with one of your own

FIREFOX

from WinCustomize Forums
do you have any folders on your bookmark toolbar? is it boring? are you a complete customization freak like i? THEN LOOK NO MORE, after hours of sorting out how to do it from many sources i have it all in one location!



does that look good to you?

well here is the code:

Code
  2. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  4. .bookmark-item[container="true"][label="<foldername>"] {
  5. list-style-image: url('file:///<locationoficononhdd>') !important;
  6. -moz-image-region: rect(0px 16px 16px 0px) !important;
  7. }


simply download Chrome Edit (http://webdesigns.ms11.net/chromeditp.html) plus add on and get down to work, go tools >Chrome Edit Plus > chrome edit, and on the first tab put in that code...

you only need to repeat the first line "@namespace" once, the .bookmark can be repeated for every bookmark toolbar folder you have.

First find an icon you want (i resized some dock icons i downloaded) and resize it to 16x16 with a PNG file and transparency (if you want). Next place the icon in a folder to keep. Then replace the
tutorials
17,329 views 6 replies
Reply #1 from WinCustomize Forums Top
FYI for anyone confuzzled this is for Firefox.

Nice tut didn't know how to do this. :)
Reply #2 from WinCustomize Forums Top
I messed with this myself (same icon for every folder though) and that annoying page jumping thing came back with some wb skins. X-( I just can't figure out why it does that....stupid ugly XP folder icons. :SNIFF!:

BTW, you should include a link to that chrome edit addon. ;)
Object Desktop - Get all of our enhancement utilities in one suite
Reply #4 from WinCustomize Forums Top
Hi,
it is not working for me. do i have to specify all bookmark folders or a few will do? and is it different in windows xp sp3 firefox 3.0?
Reply #5 from WinCustomize Forums Top

Hi,

 

I have used this method in the past and it worked, but now for some reason it removes the standard windows folder icons, and does not replace them with my designated icons. So now I have the text withblank spaces where the icons should be, any ideas? Here is my code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.

Code: css
  1. bookmark-item[container="true"][label="Home"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\home.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Marks"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Marks.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Build(Micro)"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Build.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Bills"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Bills.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Financial"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Financial.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Boards"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Boards.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="NWTC"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\NWTC.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Security"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Security.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Tech"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Tech.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="WDPSD"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\WDPSD.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="F@H"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\[email protected]') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Radio"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Radio.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Careers"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Careers.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Script Help"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Script.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } .bookmark-item[container="true"][label="Games"] { list-style-image: url('file:///C:\Documents and Settings\Mark\Application Data\Mozilla\Firefox\Profiles\w7djnfcc.default\chrome\Bookmarks Icons\Games.png') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; }

 

Reply #6 from WinCustomize Forums Top

Disreguard last mssg, just realized that

 

c:\documents.......

is a lot dofferent than

c:/documents.......

 

got it working.