logo
  Wiki
Advanced search
         




Changes in TabSRMM3 | Skinning index

How to customize the tab images used in Aero mode

tab_images.png: 238x113, 15k (November 05, 2010, at 08:11 AM)
Aero Tab images

When using the Aero UI or when using customized colors for the background, TabSRMM will render the tabs with its own images instead of using visual styles. This is because visual styles would not match your customized colors and visual styles do not support translucency.

The images are included in the TabSRMM DLL and they are extracted to your profile when TabSRMM starts. By default, this is %miranda_userdata%\TabSRMM and there are 4 images:

  • tabskin_aero_button.png - used for button-tabs and the switch bar buttons
  • tabskin_aero.png - used for normal tabs, both for top and bottom tabs. The image MUST represent the top version and should be symmetrical around its x-axis. For bottom tabs, the image will be mirrored horizontally.
  • tabskin_aero_glow.png - the overlay for the glow effect of an active tab.
  • unknown.png - the default avatar picture, only used in a few rare cases when a contact does not have an avatar and the avatar display has been set to be always visible.

How to customize them

First, DO NOT overwrite them. You'll most likely lose your work, because TabSRMM may overwrite these images at any time and usually will do it after each upgrade. You can, however, use these original images as a base for your own work.

To use customized versions, simply create new images with a custom_ prefix and place them in the same folder.

Example

Create a custom_tabskin_aero.png to override the default tabskin_aero.png. The same method works for all other images. To make TabSRMM recognized your custom images, you must restart Miranda.

Some rules for creating these images

  • They MUST be 32bit PNG images in RGBA format with a valid alpha channel.
  • Per-pixel transparency is supported and you are encouraged to use it.
  • The images should be as small as possible to avoid performance issues when using a large number of tabs.
  • The images' overall opacity should be around 50%. This allows the colorized underlays to be visible so that colorized versions for the active/inactive and hovered tabs are possible.
  • The images should be grayscale to make colorizing work best. This does not apply to the unknown.png.
  • The margins of the images are internally set to 5 pixels on each side. The inner part of the image will be stretched in both directions, so make sure to not use more than 5 pixels for a margin that should not be stretched.

For the glow effect image, you can set the opacity higher to make it appear with some contrast. Depending on your plugin settings, TabSRMM will try to colorize the images with the current Aero theme color (the color you can choose on the Windows desktop under Personalize→Window color).

Related reading


Author: admin Last modified: Friday, November 05, 2010 at 08:34 CET


Category: TabSRMM

Page generation time: 0.128 seconds