X
Tap here to go to the mobile version of the site.

Support Forum

How can I change the Bookmark Folder Icons?

Posted

I have a few "Folders" on the bookmark bar and I want to know how or if I even can change the plain Folder looking icon to something more relevant to the folder itself?

I have a few "Folders" on the bookmark bar and I want to know how or if I even can change the plain Folder looking icon to something more relevant to the folder itself?

Additional System Details

Installed Plug-ins

  • RealJukebox Netscape Plugin
  • RealNetworks(tm) RealPlayer Chrome Background Extension Plug-In
  • RealPlayer(tm) HTML5VideoShim Plug-In
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • RealPlayer Download Plugin
  • Shockwave Flash 11.3 r300
  • Google Update
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.5.635
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • NVIDIA 3D Vision Streaming plugin for Mozilla browsers
  • NVIDIA 3D Vision plugin for Mozilla browsers
  • Plug-in for detecting Nero Kwik Media.
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 10.5.1 for Mozilla browsers
  • GEPlugin
  • 5.1.10411.0
  • iTunes Detector Plug-in
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.3
  • NPWLPG
  • Nitro PDF Plug-In For Firefox and Netscape
  • DivX Plus Web Player version 2.2.0.52
  • 1.102.0
  • 0.70.4
  • DivX VOD Helper Plug-in
  • np-mswmp
  • Rhapsody Player Engine Plugin

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1

More Information

Application Basics
Name
Firefox
Version
14.0.1
User Agent
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1
Profile Folder
Show Folder
Enabled Plugins
about:plugins
Build Configuration
about:buildconfig
Crash Reports
about:crashes
Memory Use
about:memory
Extensions
Name
Version
Enabled
ID
DivX Plus Web Player HTML5 <video>
2.1.2.145
false
{23fcfd51-4958-4f00-80a3-ae97e717ed8b}
Logitech Scroll App
3.00.30
false
{5D3F3872-91E9-4d59-AD9F-AA174A3145DD}
RealPlayer Browser Record Plugin
15.0.5
false
{C3949AC2-4B17-43ee-B4F1-D26B9D42404D}
Important Modified Preferences
Name
Value
browser.cache.disk.capacity
1048576
browser.cache.disk.smart_size.first_run
false
browser.cache.disk.smart_size_cached_value
1048576
browser.places.smartBookmarksVersion
4
browser.startup.homepage
www.yahoo.com
browser.startup.homepage_override.buildID
20120713134347
browser.startup.homepage_override.mstone
14.0.1
browser.tabs.autoHide
true
extensions.lastAppVersion
14.0.1
gfx.direct3d.prefer_10_1
true
network.cookie.prefsMigrated
true
places.history.expiration.transient_current_max_pages
104858
privacy.sanitize.migrateFx3Prefs
true
Graphics
Adapter Description
NVIDIA GeForce GTX 550 Ti
Vendor ID
0x10de
Device ID
0x1244
Adapter RAM
1023
Adapter Drivers
nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um
Driver Version
8.17.13.142
Driver Date
5-15-2012
Direct2D Enabled
true
DirectWrite Enabled
true (6.1.7601.17789)
ClearType Parameters
ClearType parameters not found
WebGL Renderer
Google Inc. -- ANGLE (NVIDIA GeForce GTX 550 Ti) -- OpenGL ES 2.0 (ANGLE 1.0.0.1041)
GPU Accelerated Windows
1/1 Direct3D 10
AzureBackend
direct2d
JavaScript
Incremental GC
1
Library Versions
Expected minimum version
Version in use
NSPR
4.9
4.9
NSS
3.13.5.0 Basic ECC
3.13.5.0 Basic ECC
NSS Util
3.13.5.0
3.13.5.0
NSS SSL
3.13.5.0 Basic ECC
3.13.5.0 Basic ECC
NSS S/MIME
3.13.5.0 Basic ECC
3.13.5.0 Basic ECC

the-edmeister
  • Top 25 Contributor
  • Moderator
5412 solutions 40317 answers

If you are familiar with doing CSS coding, see this - http://userstyles.org/styles/1682/bookmark-folder-icons

You will need to write a piece of code for each folder and provide a unique image for each folder to want to change. The most complicated part is creating or converting an image for each folder in Base64 code.

If you are familiar with doing CSS coding, see this - http://userstyles.org/styles/1682/bookmark-folder-icons You will need to write a piece of code for each folder and provide a unique image for each folder to want to change. The most complicated part is creating or converting an image for each folder in Base64 code.
cor-el
  • Top 10 Contributor
  • Moderator
17589 solutions 159105 answers

You do not need to convert the image to base64 if you use userChrome.css and place the images in the chrome folder with the userChrome.css file.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.

You do not need to convert the image to base64 if you use userChrome.css and place the images in the chrome folder with the userChrome.css file. The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder. *http://kb.mozillazine.org/Editing_configuration