ttt-skin guide

[Pagebar Button Skin]

Description: normal tabs in the tab bar
Version: at least since 9.0 in skin.ini, at least since 9.0 implemented
Visible: if View→ Toolbars→ `Tab Bar` enabled
Related: Pagebar skin: general bg for the whole normal/visual tab bar, 9.0›

Related visual tab part:
Pagebar thumbnail button skin: visual tabs in the tab bar, 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›

At the left of the normal tab buttons you see the following icons (if Tools→ Preferences→ Advanced→ Browsing→ Page icons→ `Show no icons` chosen):
- `Window document icon` from [Images]
- `Window document unread icon` from [Images]
- `Window document loading icon` from [Images]
See also the second screenshot in note 4

Please note that clones or cloned skins are not mentioned as related in this guide!

Padding top/bottom: ✔ changes the tabs and the normal tab bar height!
Padding left/right: ✔
Margin top/bottom: ✔ changes the the normal tab bar height!
Margin left: ✔ affects also the `+` button and other floating buttons there (but not the space between tab and `+` button)
Margin right: ✔ affects also the `+` button and other floating buttons there (also the space between tab and `+` button)
Spacing: ✔ space between icon and text
Color: ✔
Colorize: ✔
Border/Border color: ✔
Text color: ✔ priority [Pagebar button skin] - [Pagebar skin] - [Browser window skin]→ 3d-objects from OS
Text bold: ✔
Text underline: ✔
Text shadow/Text shadow color: ✔
Text zoom: ✔ but text disappears on selected tab!
Blend: ✔
Child: ✔
Clone: ✔
If no image / no color in the section, you see: [Pagebar skin] - [Browser window skin]→ Black bg

Section-types: .top, .left, .bottom, .right
Section-states: .hover, .selected, .pressed, .attention
- .attention is here for unread with the blue dot (note also .hover.attention in the standard-skin)
- .selected.hover have effect, but not the expected!

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

Note 1: the entry `PageCloseButtonOnTop = 1` in [Options] places the close/locked buttons on top like in 9.5 (default if no entry is 0) - for normal tabs only. You can define there also `PageCloseButtonOnLeft = 1` (default if no entry is 0) - for normal/visual tabs, 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 2: the entry `Inverted Pagebar Icons = 1` in [Options] effectuates that you see alternative inverted icons on the normal tabs (default if no entry is 0). Alternative icons have `inverted` at the end of the name - eg `Panel Contacts Inverted` instead of `Panel Contacts` in [Images]. That allows to have normally bright icons but on the normal tabs dark icons or vice versa, see the entry in [Options]

Note 3: 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 for the visual tabs, see the entries in [Options]

Note 4: in order to change the height of the tab bar/tabs try first padding top/bottom and margin top for the [Pagebar button Skin] (margin bottom is a bit more difficult). Note that the selected button in the standard-skin have 1px less transparency at the top. Also padding top/bottom in the `Pagebar skin`affects the tab bar height.

Note 5: Here all the related 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):