Skip navigation.

Sign up | Lost password? | Help

Opera FAQs, Tips, Tricks & Tweaks

Cool tips for Opera browser

Posts tagged with "skin.ini"

Opera Speed Dial Sliding Puzzle

, , , ...

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.

Opera Speed Dial sliding tile puzzle scrambled
Scrambled tiles

Opera Speed Dial sliding tile puzzle solved
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.

Additional info

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

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

, , , ...

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

How to change tab width in Opera?

, , , ...

  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.

Opera skin with tab width = 50 px
Tab width = 50 px

Opera skin with tab width = 100 px
Tab width = 100 px

Update: Sep 28, 2009