How to add/change icon for custom buttons or menu items?
10 CommentsPublished February 2nd, 2009 4:49 AM EST By Tamil
One can locate a menu item easily and quickly by seeing an icon rather than text.
To add/change icon
- 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.
- Place icon image inside a folder (for example, custom_buttons) and add folder to zipped skin1 file after creating a backup.
- 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
- To add/change icon for menu item, open menu configuration2,! 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
- Activate modified skin and menu setup or restart Opera.
Similarly, you can add/change icon for custom buttons by editing toolbar configuration3 file.
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.
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 configuration2,! 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
You can use existing skin images as icons without modifying skin file.
1 To see path to skin file, select opera:config#Button%20Set and click go to web address from right click menu.
2 To see path to menu configuration file, select opera:config#Menu%20Configuration and click go to web address from right click menu.
3 To see path to toolbar configuration file, select opera:config#Toolbar%20Configuration and click go to web address from right click menu.
! You should not modify defaults\standard_menu.ini file as Opera will overwrite it during update. Create a copy of standard menu and edit it.
using
and this really shows how messed up the opera skin engine is. Custom/extra icons should be part of the menu/toolbar setup if anything, not per skin
using
Nice workaround.. but if opera want to acquire new users, this should be changed to a easier way.
using
QFT
using
I would also suggest that you fix the css for code blocks so it is not obscured by the right side column.
using
Neat. Is it possible to set a permanent icon for bookmarks on a toolbar?
using
Done & thanks.
Do you use delete private data? If yes, see http://my.opera.com/Tamil/blog/opera-faq#40
using
Opera is too redundant. It is better for Opera to try emulate’s Firefox easiness.
using
Are you referring to the easiness that requires you to install and extension just to to add an icon/button to the toolbar?
using
@tamil: no, the problem happens even when i haven’t cleared private data. after a while the favicon just disappears.
using
Neat trick! Thanks. I like opera in that it can be so customized.
I use both FF and Opera on my computer tho. Opera is damn fast but lack some feature that I want. I use FF to use Foxmark and FireFTP and Gears but it is so slow.
I run openSuSE with KDE4 and the fonts on FF are not 100% subpixel-hinted but they are on Opera, which is amazing considering Opera-linux uses features of Wine and FF is GTK+.