ttt-skin guide

[Pagebar Close Button Skin]

Description: close button on normal/visual tabs
Version: at least since 9.0 in skin.ini, at least since 9.0 implemented
Visible: if Tools→ Preferences→ Advanced→ Tabs→ Additional tab options→ `Show close button on each tab` enabled - on normal and visual tabs
Related: Pagebar button skin: normal tabs in the tab bar, 9.0›
Pagebar thumbnail button skin: visual tabs in the tab bar, 10.0›
Pagebar thumbnail title skin: title area for visual tabs, 10.0›
Pagebar thumbnail skin: bg behind visual tab bar thumbnails (spinner and border width), 10.0›

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

In the standard-skin the [Pagebar Close Button Skin] and it`s state sections calls 4 different close icons for normal, hover, selected and pressed

Padding: -
Margin top/bottom: ✔ affects only normal tab, shifts the icon
Margin left: ✔ increases/decreases the whole normal/visual tabs horizontally (pos./neg. values)
Margin right: ✔ increases/decreases the whole normal/visual tabs horizontally too, but shifts the icon into the title part (pos. value) or shifts the icon outside (neg. values)!
Spacing: -
Color: ✔
Colorize: ✔
Border/Border color: ✔
Text color: -
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 button skin]/[Pagebar thumbnail button skin] - [Pagebar skin] - [Browser window skin]→ Black bg

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

Note 1: 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 locked button skin affects the view here too (should have the same settings).

Note 2: 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 3: 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 4: 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):