Skip navigation.

Opera FAQs, Tips, Tricks & Tweaks

Cool tips for Opera browser

How to add/change icon for custom buttons or menu items in Opera?

Sunday, 1. February 2009, 21:38:08

, , , , , , , ,

One can locate a menu item easily and quickly by seeing an icon rather than text.

To add/change icon
  1. Create/find an image in any image format (GIF, JPG, ICO or PNG but PNG is recommended) and resize it to 16 x 16 pixels. If you use large size, Opera will show resized icon. For example, we will add Google favicon as icon for Google Auto Translation menu item.
  2. Place icon image inside a folder (for example, custom_buttons) and add folder to zipped skin file after creating a backup.
  3. Open skin.ini from zipped skin file, add relative path to image with icon name as shown below under [Images] section and update it in skin file. 
    google = custom_buttons/google.ico
  4. To add/change icon for menu item, open menu configuration! file, find menu item and specify icon name. For Google Auto Translation menu item, change 
    Item, Google Auto Translation = Go to page, "http://translate.google.com/translate_c?u=%u"
    to 
    Item, Google Auto Translation = Go to page, "http://translate.google.com/translate_c?u=%u", , , google
  5. Activate modified skin and menu setup or restart Opera.

Similarly, you can add/change icon for custom buttons by editing toolbar configuration file.

Opera custom menu icon
Google Auto Translation menu item without and with icon

The general syntax for a button/menu item is 

Button/Menu item = Command, parameter-1, parameter-2, button tooltip, icon name
If there is no parameter-1 or parameter-2 or button tooltip leave them blank. Since there is no parameter-2 and button tooltip in Google Auto Translation menu item, they are left blank.

To remove icon

To remove icon from menu item, remove icon name and if there is no icon name then you have to specify a dummy name to override the default icon as shown in the following example.

To remove icon for Go to Web Address from hotclick menu, in menu configuration! file under [Hotclick Popup Menu] change 

Item, M_HOTCLICK_POPUP_MENU_GOTO_URL = Go to page, "%t"
to 
Item, M_HOTCLICK_POPUP_MENU_GOTO_URL = Go to page, "%t", , , Dummy

Opera will ignore icons on an action that follows an "&" symbol.

! = You should not modify ui\standard_menu.ini (defaults\standard_menu.ini for versions below 10) file as Opera will overwrite it during update. Create a copy of standard menu and edit it.

You can use existing skin images as icons without modifying skin file.

Updates:
Feb 7, 2009
Aug 2, 2009

Full screen mode with toolbars in OperaStop offer phone calls and SMS from Airtel India

Comments

ZAHEK 1. February 2009, 21:44

:cheers:

olenk 1. February 2009, 22:12

:yes: i hate parameter :lol:

lucideer 1. February 2009, 22:12

I suppose I could just experiment and find this out for myself, but I'm lazy so I'll see if you know. Are bmp/apng/svg supported (seeing as they're supported by the browser in pages)?

Tamil 1. February 2009, 22:15

I don't know.

lucideer 1. February 2009, 22:56

I checked
Animated pngs? - yes
svgs? - no

Chas4 2. February 2009, 01:48

:cool:

Marike79 2. February 2009, 13:39

:up:

AOTEAROAnz 5. February 2009, 05:36

:cool:
:up:

Anonymous 14. February 2009, 16:05

Anonymous writes:

Hi Tamil. Since I updated to 9.63 and using old look skin I cannot drag-and-drop bookmarks buttons to address toolbar. I even tried previously back-ups of standard_toolbar (1) .ini files, but no success. :doh:

Anonymous 14. February 2009, 17:29

Anonymous writes:

Faq #74: SHIFT key option works, but Tools → Appearance dialog shows no drag enable (not for me, anyways). Many thanks, Tamil. A pray and :banana: go to you ! I'll recommend ur blog.

Tamil 14. February 2009, 21:50

Hades32 19. March 2009, 09:20

Hy Tamil,

is it possible to use this with the "double click 'search with'" menu?
I would very like to have favicons here...

Tamil 19. March 2009, 09:22

Nope.

tabanhachi 16. April 2009, 06:49

Hi Tamil.

Love the blog! It's really helpful :smile:.

A quick question.

In your response to Hades32 above, does this mean that any menu item that is a "Submenu" cannot have its custom icon (I'm trying to add an icon to the following command in [Document Popup Menu]: Submenu, Tab History, Internal Page History).

If not, is it possible to somehow simulate the behaviour of the above command with an "Item" so that an custom icon can be specified. Thanks in advance.

Tamil 16. April 2009, 10:54

Originally posted by tabanhachi:

If not, is it possible to somehow simulate the behaviour of the above command with an "Item" so that an custom icon can be specified.

AFAIK, not possible.

tunayx 21. May 2009, 11:46

My question is does adding icons slowdown menu appearance speed?

lucideer 21. May 2009, 16:01

Originally posted by tunayx:

My question is does adding icons slowdown menu appearance speed?


No, but it increases RAM usage (a tiny tiny bit)

Anonymous 9. June 2009, 17:46

Jack writes:

Hello,

is there a way to save the images in another place than the skin file? I often change my opera skin and I have a lot of custom icons, so it would be great if there was one folder for all skins.

Best regards!

Tamil 9. June 2009, 17:51

is there a way to save the images in another place than the skin file?

Nope.

Anonymous 9. June 2009, 18:22

Jack writes:

> Nope.
What a bummer!
I think I have to write an own script...

Anonymous 9. June 2009, 19:51

Jack writes:

I also would like to have tooltips, whether it's possible.

My menu entry looks like that:
item, "Go to xy"=Go to page, "http://www.foobar.com", ,"tooltip"

Thank you!

Anonymous 13. June 2009, 08:36

Gerk writes:

Hi,

Some of the bookmarks i assigned to my personal bar don't have an actual image, so they all end up with the same default grey star. I came here hoping this would be a way to change them, but i don't think that they are menu-items. Does anybody know of another way to chance said icons?

Kind regards,
Gerk

Anonymous 13. June 2009, 15:11

Gerk writes:

Thank you for your quick response. It seemed just what i needed. However, i should've mentioned that i'm using Opera 9.64.

" Tamil # 12. June 2009, 08:29:
This will work up to Opera 9.27 and format is changed after that. "

So i'm afraid it doesn't work for me. I haven't been able to locate the imagefolder, either, maybe due to ineptitude, or due to the fact that the format changed. I'll keep on searching, but thanks anyway!

Kind regards,
Gerk

Anonymous 13. June 2009, 15:15

Gerk writes:

It seems i jumped to conclusions too soon. There IS some helpful information there, however it's pretty dificult to understand as it's translated from Bulgarian. That doesn't mean it's not funny though:

"1. Guidance is where the entrails" is definitely advice that should apply to other parts of life as well.

I'll keep on trying then.

Thanks,
Gerk

Tamil 13. June 2009, 15:16

Did you see next comment?

Anonymous 13. June 2009, 15:29

Gerk writes:

" Tamil is written on the subject in 2006, but recently, it appeared that the writing is flat and does not work, and need to dine while. " - I'll try the fish.

On a side note, i was able to locate the image-folder in the way described, but it turns out to be such an amount of hassle that i'll rather just remember which grey star has what function.

Still, your solutions have proven useful in many other instances and i thank you once again.

Kind regards,
Gerk

Anonymous 19. June 2009, 08:10

Nitzan writes:

Hey guys so I added this google word translate submenu under the [Hotclick Popup Menu] section and put some thing out, looks like:
now I wanted to add the google icon to that submenu, so I put the code "Submenu, Google Word Translate, Google Word Translate, , , google"
of course I edited the zip with folder "custom_buttons" and inside put google.png file, edited skin.ini to contain "google = custom_buttons/google.png" under [Images] section
but still as you can see in the picture, the icon doesn't appear.
how come?

Anonymous 19. June 2009, 08:11

Nitzan writes:

oops :P forgot to post the pic link: http://i39.tinypic.com/2lkcznl.png

Tamil 19. June 2009, 08:58

I put the code "Submenu, Google Word Translate, Google Word Translate, , , google"

It won't work for submenu command.

Anonymous 19. June 2009, 20:45

Nitzan writes:

ohh so it won't work for submenus?
what a shame. thanks anyway.. great blog! :)

Dava 3. July 2009, 13:22

Edit: Just read the above comments on Submenus.

Thanks for the guide.

Dava monkey

Tamil 3. July 2009, 15:50

Originally posted by Tamil:

I put the code "Submenu, Google Word Translate, Google Word Translate, , , google"

It won't work for submenu command.

Sorry, it will work. Try 
Submenu, Google Word Translate, Google Word Translate, , google

Dava 8. July 2009, 12:02

Tamil,

Does that mean that you can add an icon for the Menu submenu in the right-click menu as described in one of your previous blog entries: http://my.opera.com/Tamil/blog/toggle-remove-menu-bar

I had a play around with several variations on the above methods without success.

Dava monkey

Tamil 8. July 2009, 12:15

:yes: (click smiley)

Dava 8. July 2009, 13:19

Good stuff :smile:

Would you like to share what method you used to achieve that? Did you append something to the tail of the Submenu, Menu, Browser Menu Bar entry?

Dava monkey

Tamil 8. July 2009, 14:06

Submenu, Menu, Browser Menu Bar, , "Window Document Unread Icon"

Dava 8. July 2009, 19:11

Sadly I can't get that to work :frown:

Oh well, nothing major.

Thanks for your help.

Dava monkey

Tamil 9. July 2009, 05:18

:confused:

Anonymous 12. July 2009, 20:28

Anonymous writes:

@Tamil & Dava:
Same problem here... Submenu icon doesn't work ;-(

Tamil 13. July 2009, 04:17

What is your Opera version?

Anonymous 15. July 2009, 13:58

Anonymous writes:

@ Tamil: I have Opera 9.64

Tamil 15. July 2009, 14:26

Submenu icon doesn't work in 9.64 :frown: and works in Opera 10. :smile:

Anonymous 16. July 2009, 13:57

Anonymous writes:

Ok, thank you Tamil!

zikzakatak 18. August 2009, 04:59

in toolbar menu i wasnt able to change the icon of the "visted bookmark" that seems to be the deafult for any icons with out icon/image.

i add a custom icon folder on skin.ini with an icon for delicious, then look for "add to delcious" button on toolbar.ini and add the path to the new custom icon but didnt work, changes were not visible at all.

what can be wrong?.

there is a number 1 in the end of the string.

im trying this on opera 10 (1708), standard skin.

Tamil 18. August 2009, 08:55

Originally posted by zikzakatak:

i add a custom icon folder on skin.ini with an icon for delicious, then look for "add to delcious" button on toolbar.ini and add the path to the new custom icon but didnt work, changes were not visible at all.

You should not add path to icon in toolbar file. Mention a name for delicious icon with path to icon under [Images] section in skin and use that name in toolbar.

zikzakatak 18. August 2009, 18:24

yes thats what i did i call deli in skin.ini with path under "images" but didnt change at all.

Tamil 20. August 2009, 12:00

What is button code for that in toolbar file?

zikzakatak 24. August 2009, 19:22

"post to del.icio.us"="Go to page, "javascript:location.href='http://del.icio.us/post?v=4;url='+encodeURIComponent(location.href)+';title='+encodeURIComponent(document.title)","deli""

1 2 Next »

Showing comments 1 - 50 of 77.

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

Download Opera, the fastest and most secure browser

Photos

Cute Kids 04.jpegCute Kids 07.jpgCute Kids 28.jpgCute Kids 09.jpegCute Kids 17.jpgCute Kids 27.jpgCute Kids 22.jpgCute Kids 01.jpegCute Kids 15.jpegCute Kids 18.jpg

Countdowns

148 days until 16th birthday to Opera Desktop

Opera

Opera

Opera Blogs

Softwares (Freeware)

  • Opera

    Opera is a fast and safe web browser.

  • PDF-XChange Viewer

    PDF-XChange Viewer is a faster & fully featured PDF Viewer.

  • Notepad++

    Notepad++ is a source code editor and Notepad replacement, which supports several programming languages.

  • StrokeIt

    StrokeIt is an advanced mouse gesture recognition engine and command processor.

  • VLC media player

    VLC media player is a cross-platform media player which supports a large number of multimedia formats, without the need for additional codecs.

  • Ubuntu

    Ubuntu is a linux-based operating system.

  • Avast Home Edition

    Avast is a complete anti-virus package.

  • TrueCrypt

    TrueCrypt is a on-the-fly encryption (OTFE) program for Microsoft Windows and Linux.

  • AutoHotkey

    AutoHotkey is a free, open-source utility that can automate almost anything by sending keystrokes and mouse clicks.

  • Universal AutoCorrect

    An AutoHotKey script that will automatically correct a predefined list of misspellings.

  • XYplorerFree (Last freeware version)

    XYplorerFree is a multi-tabbed portable file manager for Windows.

  • Total Uninstall (Last freeware version)

    Total Uninstall monitors any changes made to your system during the installation of a new application. It allows you to perform a complete uninstall without having to rely on the supplied Add/Remove program which can leave files or changes behind.

  • Dup Detector

    Dup Detector finds duplicate and near duplicate images.

  • IrfanView

    IrfanView is a very fast, small, compact and innovative graphic viewer for Windows.

  • WordWeb Free

    WordWeb is a one-click English thesaurus and dictionary for Windows that can look up words from in almost any program.

  • Autoruns

    See what programs are configured to startup automatically when your system boots and you login.

  • Process Explorer

    Find out what files, registry keys and other objects processes have open, which DLLs they have loaded, and more.

  • Process Monitor

    Monitor file system, registry, process, thread and DLL activity in real-time.

  • VirtualBox

    VirtualBox allows you to run an entire operating system inside your current operating system.

  • Revo Uninstaller

    Uninstall programs even if you have problems in uninstalling.

Softwares (Nagware)

  • WinRAR

    WinRAR is a powerful compression tool with many integrated additional functions.

  • Sandboxie

    Sandboxie allows you to run any program but all changes that result from the usage are kept in a sandbox environment, which can then be deleted later.

Softwares (Shareware)

  • XYplorer

    XYplorer is a multi-tabbed portable file manager for Windows, featuring a very powerful file search, versatile preview facilities, a highly customizable interface, and a large array of unique ways to efficiently automate frequently recurring tasks.

  • Beyond Compare

    Beyond Compare is a advanced file and folder comparison utility.