Opera FAQs, Tips, Tricks & Tweaks

Sliding puzzle can be played with Opera Speed Dial by dragging a Speed Dial slot horizontally or vertically and dropping in nearby empty Speed Dial slot.

Scrambled tiles

Solved puzzle

You can download above Speed Dial background and tile images in a zipped file from here. See this to change Speed Dial thumbnail images.

You can also play by adding numbers 1-8 to your existing Speed Dial thumbnail images.

The following changes should be made in skin.ini inside skin file.

Speed Dial border and Speed Dial button border can be removed by commenting those lines.

[Speed Dial Thumbnail Widget Skin]
; Tile Center = backgrounds/speeddial.png

[Speed Dial Thumbnail Widget Skin.selected]
; Tile Center = backgrounds/speeddial-selected.png

[Speed Dial Button Skin]
; Tile Center = buttons/push_button_speeddial.png

Speed Dial title text color and Speed Dial button text color can be changed as shown below.

[Speed Dial Thumbnail Title Label Skin]
Text Color = #ffffff

[Speed Dial Button Skin]
Text Color = #ffffff

Speed Dial remove icon can be removed by commenting it.

[Boxes]
; Speeddial Close = pagebar_close_button/close.png

"Click to add a Web page" and "What is Speed Dial?" texts can be removed by specifying empty strings in en.lng file.

-1799226240=

528772207=

This Speed Dial was one of the selected hot picks in Speed Dial Hot Picks contest.

Update: Aug 12, 2009

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

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.

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 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

^! = 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

1. Open toolbar configuration file in any text editor after closing Opera.
2. Add the following section to it and modify Maximum button width value.

   [Pagebar.style]
   Button style=3
   Large images=1
   Wrapping=0
   Maximum button width=100
   Grow to fit=0
   Mini buttons=0

3. Start Opera.

For Opera versions below 9

1. Extract skin.ini from zipped skin file and open it in any text editor
2. Add/modify the value of Pagebar max button width and Pagebar min button width under [Options] section.

   [Options]
   Pagebar max button width = 100
   Pagebar min button width = 50

3. Update skin.ini in zipped skin file and activate modified skin Tools > Appearance... > Skin.

Tab width = 50 px

Tab width = 100 px

Update: Sep 28, 2009