ttt-skin guide

[Pagebar Thumbnail Skin]

Description: bg behind visual tab bar thumbnails (spinner and border width)
Version: since 10.0 in skin.ini, since 10.0 implemented
Visible: if View→ Toolbars→ `Tab Bar` enabled and Appearance→ Toolbars→ `Enable thumbnails in tabs` enabled - during loading
Related: Pagebar thumbnail button skin: visual tabs in the tab bar, 10.0›
Pagebar thumbnail title skin: title area for visual tabs, 10.0›

As well as:
Pagebar close button skin: close button on normal/visual tabs, 9.0›
Pagebar locked button skin: icon on normal/visual tabs if locked, 9.0›

Padding : ✔ defines the border thickness around the thumbnail! (decreases/inreases thumbnail size)
Margin: -
Spacing: -
Color: ✔
Colorize: ✔
Border/Border color: ✔
Text color: ✔ priority [Pagebar thumbnail title skin] - [Pagebar thumbnail skin] - [Pagebar thumbnail button skin] - [Pagebar skin] - [Browser window skin]→ 3d-objects from OS
Text bold: -
Text underline: -
Text shadow/Text shadow color: -
Text zoom: -
Blend: -
Child: ✔
Clone: ✔
If no image / no color in the section, you see: [Pagebar thumbnail button skin] - [Pagebar skin] - [Browser window skin]→ Black bg

Section-types: .top, .left, .bottom, .right
Section-states: .hover, .selected, .pressed, .attention (only text color for buttons if not already defined in the `Pagebar thumbnail title skin`)

If no section, Info-Version 3 and
- Options-Fallback background 1, you see: [Pagebar thumbnail skin] from standard-skin
- Options-Fallback background 0, you see: [Pagebar thumbnail button skin] from current-skin
If no section, Info-Version 2 and
- Options-Fallback background 1, you see: [Pagebar thumbnail skin] from standard-skin
- Options-Fallback background 0, you see: [Pagebar thumbnail button skin] from current-skin

Note 1: padding left/top/bottom shifts the title too, but padding right does not shift the close/locked icons

Note 2: about the padding for border - bear in mind that the images for the visual tabs in the standard-skin have some px shadows at the left/right as well as the `socket` at the bottom

Note 3: normally the [Pagebar thumbnail skin] should be transparent, resp. without color and without image defined

Note 4: it is possible to define `Text underline` and `Text shadow/Text shadow color` in the Pagebar thumbnail title skin - also for the state sections there (for `Text bold` I cannot find a possibility)

Note 5: the entry `PageCloseButtonOnLeft = 1` in [Options] places the close/locked buttons on left (default if no entry is 0) - for normal and visual tabs. You can define there also `PageCloseButtonOnTop = 1` (default if no entry is 0) - for normal tabs only, as well as both entries together for the close/locked buttons at the left in visual tabs and at the top/left in normal tabs, see the entries in [Options]
Note also, that the settings for Margin in Pagebar close button skin and Pagebar locked button skin affects the view here too.

Note 6: also the padding settings in the Pagebar thumbnail title skin affects the view - at least in order to adjust the title and close/locked buttons vertically, but also for the horizontal space in front of the title

Note 7: the entries `Pagebar max button width = 70` and `Pagebar min button width = 70` in [Options] affects the width of the normal and visual tabs (eg 70px here). Normally for both entries the same value is ok (sometimes you have to `reload` the skin in order to make it valid). It seems that the value is then added to the padding left settings here for the visual tabs, see the entries in [Options]

Note 8: unfortunately the doubleclick on the resize dots for the visual tabs cannot remember the tab bar height you had before. But this button does the job - please drag the following button to the tab bar head, floating or tail part: BUTTON

Note 9: Here all the related skins; first the normal tab bar skin parts together:

Not included in the above `integrated work of art`, but to see too on the normal tab bar buttons (partly if Tools→ Preferences→ Advanced→ Browsing→ Page icons→ `Show no icons` chosen):

And here the separate visual tab bar skin parts together (only those which are not already mentioned above):

Not included in the above overview, but to see too on the visual tab bar buttons (while loading):