[MenuWizard] Change/Set icons in menus

Announce and Discuss the Latest Theme and Extension Releases.
Post Reply
pag77
Posts: 1642
Joined: December 26th, 2013, 10:46 pm

[MenuWizard] Change/Set icons in menus

Post by pag77 »

It is a solution for the add-on "Menu Wizard"
https://addons.mozilla.org/addon/s3menu-wizard/
http://forums.mozillazine.org/viewtopic ... &t=2828771

This solution will help you to change or set the icon of the menu

Install:
  1. Install Menu Wizard, if it is not already in your browser
  2. Open the properties of the desired menu
  3. In the "Style (the CSS)" insert this code as an example of a picture from Firefox (do not worry about the size, in the menu will be all right)Image:

    Code: Select all

    list-style-image: url('https://addons.cdn.mozilla.net/static/img/app-icons/med/firefox.png') !important;
  4. You can also convert the image and use local data, for example by:
    http://www.askapache.com/online-tools/base64-image-converter/
    That will have the following code:

    Code: Select all

    list-style-image: url('data:image/png;base64,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') !important;
  5. Click "Apply"
cchris
Posts: 3
Joined: June 3rd, 2015, 2:31 am

Re: [MenuWizard] Change/Set icons in menus

Post by cchris »

Hi, and thanks for this incredibly useful add-on!

One question: is there a way to set a menu icon directly from an executable or library file? The scheme to use in the CSS property section could look like

Code: Select all

url('dll:absolute/path/to/container:image_index')
Of course one can always save the icon and base64 it, so this just would be a convenience method.
Thanks for feedback,
CChris
pag77
Posts: 1642
Joined: December 26th, 2013, 10:46 pm

Re: [MenuWizard] Change/Set icons in menus

Post by pag77 »

cchris wrote:One question: is there a way to set a menu icon directly from an executable or library file? The scheme to use in the CSS property section could look like

Code: Select all

url('dll:absolute/path/to/container:image_index')
Sorry, no
Post Reply