Wiki Francophone de Maxthon - Contributions [fr]

Les Skins de Maxthon v2.0 suite

2006-09-14T16:30:42Z

Hpsam : /* Noms des couleurs système supportées */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours le style 3Image
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==''Appendix''==

==Appendice==

===''Global Style Flags''===
''These flags are use to determine which style pattern will be applied to specific element.''

''Note: Not all elements support these flags.''

===Drapeaux du style global===
Ces drapeaux sont utilisés pour déterminer quel motif du style seront appliqués à l'élément spécifique.

Note : Tous les éléments ne supportent pas ces drapeaux.

=====''Currently supported fill style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | ''Set the background of specific element to be transparent''
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | ''Set the background of specific element to be linear gradient fill''
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The start color of gradient''
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The end color of gradient, set same value as .StartColor to make a solid fill)''
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | ''The angle of gradient( or 90), default is 90''
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | ''Set the background of specific element to be an image''
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| ''The image used for background''
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch''
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | ''Set the background of specific element by slicing an image into 3 parts''
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | ''The image used for slicing''
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | ''The left slicing width, in '''Pixel'''''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | ''The right slicing width, in '''Pixel'''''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | ''Whether middle part of the slices is stretched, default is Stretch''
|}

=====Les drapeaux de style remplissage actuellement supportés sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme remplit d'un dégradé linéair
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de début du dégradé
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de fin du dégradé, mettez la même valeur que .StartColor pour avoir une couleur unie
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | L'angle du dégradé ( ou 90), la valeur par défaut est 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme une image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| Image utilisée pour l'arrière plan
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) ''étire'' ou Tile() ''réduit'' l'image, la valeur par défaut est Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique en découpant une image en 3 parties
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | Image utilisée pour le morceau
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | Largeur du morceau de gauche, en '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | Largeur du morceau de droite, en '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Si le morceau du milieu est étirée, la valeur par défaut est Stretch
|}

=====''Currently supported line style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | ''Don’t draw the line''
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | ''Draw a solid line''
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| ''Line Width, in '''Pixel'''''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| ''Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| ''Percent of toolbar height or menu width the line should cover''
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| ''Line Color''
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| ''Draw a shadow line with specified color if given''
|}

=====Les drapeaux de style ligne actuellement supportés sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Ne trace pas la ligne
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Trace une ligne continue
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Largeur de la ligne, en '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Longueur des tirets et espace de la ligne pointillée, 0 par défaut (pas de tiret), en '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Pourcentage de la hauteur de la barre d'outils ou de la largeur du menu que la ligne doit couvrir
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Couleur de la ligne
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Trace une ligne ombragée avec la couleur spécifiée si définie
|}

===''Supported System Color Names''===
''Below is a list of supported system color names.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| ''Dark shadow for 3D display elements.''
|-
| style="color: #660066;" | $COLOR_3DFACE
| ''Face color for 3D display elements and for dialog box backgrounds.''
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| ''Highlight color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| ''Light color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| ''Shadow color for 3D display elements (for edges facing away from the light source).''
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| ''Active window border.''
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| ''Active window title bar.''
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| ''Background color of multiple document interface (MDI) applications.''
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| ''Text on push buttons.''
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| ''Text in caption, size box, and scroll bar arrow box.''
|-
| style="color: #660066;" | $COLOR_DESKTOP
| ''Desktop background color.''
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| ''Grayed (disabled) text.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| ''Background of selected itemin a control.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| ''Text of item selected in a control.''
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| ''Color for a hot-tracked item.''
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| ''Inactive window border.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| ''Inactive window caption.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| ''Color of text in an inactive caption.''
|-
| style="color: #660066;" | $COLOR_INFOBK
| ''Background color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| ''Text color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_MENU
| ''Menu background.''
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| ''Text in menus.''
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| ''Scroll bar gray area.''
|-
| style="color: #660066;" | $COLOR_WINDOW
| ''Window background.''
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| ''Window frame.''
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| ''Text in windows.''
|}

===Noms des couleurs système supportées===
Vous trouverez ci-dessous la liste des noms des couleurs système supportées.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Ombre sombre pour les éléments affiché en 3D.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Couleur de premier plan pour l'affichage des éléments en 3D et pour l'arrière plan des boîtes de dialogue.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Couleur de surbrillance pour l'affichage des éléments en 3D (pour les bords faces à la source de lumière).
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Couleur claire pour l'affichage des éléments en 3D (pour les bords faces à la source de lumière).
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Couleur de l'ombre pour l'affichage des éléments en 3D (pour les bords opposés à la source de lumière).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Bordure de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Barre de titre de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Couleur d'arrière plan des applications des interfaces multiples de document (MDI).
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Texte sur les bontons enfoncés.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Texte dans la légende, taille de la boîte, et flèche de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Couleur d'arrière plan du bureau.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Texte grisé (désactivé).
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Arrière plan de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Texte de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Couleur pour un élément hot-tracked.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Bordure de la fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Légende de fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Couleur du texte dans une légende inactive.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Couleur d'arrière plan pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Couleur du texte pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_MENU
| Arrière plan du menu.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Texte dans les menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Zone grise de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Arrière plan de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Cadre de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Texte des fenêtres.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-14T15:17:36Z

Hpsam : /* Les drapeaux de style ligne actuellement supporté sont listés ci-dessous : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours le style 3Image
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==''Appendix''==

==Appendice==

===''Global Style Flags''===
''These flags are use to determine which style pattern will be applied to specific element.''

''Note: Not all elements support these flags.''

===Drapeaux du style global===
Ces drapeaux sont utilisés pour déterminer quel motif du style seront appliqués à l'élément spécifique.

Note : Tous les éléments ne supportent pas ces drapeaux.

=====''Currently supported fill style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | ''Set the background of specific element to be transparent''
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | ''Set the background of specific element to be linear gradient fill''
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The start color of gradient''
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The end color of gradient, set same value as .StartColor to make a solid fill)''
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | ''The angle of gradient( or 90), default is 90''
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | ''Set the background of specific element to be an image''
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| ''The image used for background''
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch''
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | ''Set the background of specific element by slicing an image into 3 parts''
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | ''The image used for slicing''
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | ''The left slicing width, in '''Pixel'''''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | ''The right slicing width, in '''Pixel'''''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | ''Whether middle part of the slices is stretched, default is Stretch''
|}

=====Les drapeaux de style remplissage actuellement supportés sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme remplit d'un dégradé linéair
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de début du dégradé
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de fin du dégradé, mettez la même valeur que .StartColor pour avoir une couleur unie
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | L'angle du dégradé ( ou 90), la valeur par défaut est 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme une image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| Image utilisée pour l'arrière plan
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) ''étire'' ou Tile() ''réduit'' l'image, la valeur par défaut est Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique en découpant une image en 3 parties
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | Image utilisée pour le morceau
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | Largeur du morceau de gauche, en '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | Largeur du morceau de droite, en '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Si le morceau du milieu est étirée, la valeur par défaut est Stretch
|}

=====''Currently supported line style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | ''Don’t draw the line''
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | ''Draw a solid line''
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| ''Line Width, in '''Pixel'''''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| ''Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| ''Percent of toolbar height or menu width the line should cover''
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| ''Line Color''
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| ''Draw a shadow line with specified color if given''
|}

=====Les drapeaux de style ligne actuellement supportés sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Ne trace pas la ligne
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Trace une ligne continue
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Largeur de la ligne, en '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Longueur des tirets et espace de la ligne pointillée, 0 par défaut (pas de tiret), en '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Pourcentage de la hauteur de la barre d'outils ou de la largeur du menu que la ligne doit couvrir
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Couleur de la ligne
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Trace une ligne ombragée avec la couleur spécifiée si définie
|}

===''Supported System Color Names''===
''Below is a list of supported system color names.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| ''Dark shadow for 3D display elements.''
|-
| style="color: #660066;" | $COLOR_3DFACE
| ''Face color for 3D display elements and for dialog box backgrounds.''
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| ''Highlight color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| ''Light color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| ''Shadow color for 3D display elements (for edges facing away from the light source).''
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| ''Active window border.''
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| ''Active window title bar.''
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| ''Background color of multiple document interface (MDI) applications.''
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| ''Text on push buttons.''
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| ''Text in caption, size box, and scroll bar arrow box.''
|-
| style="color: #660066;" | $COLOR_DESKTOP
| ''Desktop background color.''
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| ''Grayed (disabled) text.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| ''Background of selected itemin a control.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| ''Text of item selected in a control.''
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| ''Color for a hot-tracked item.''
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| ''Inactive window border.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| ''Inactive window caption.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| ''Color of text in an inactive caption.''
|-
| style="color: #660066;" | $COLOR_INFOBK
| ''Background color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| ''Text color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_MENU
| ''Menu background.''
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| ''Text in menus.''
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| ''Scroll bar gray area.''
|-
| style="color: #660066;" | $COLOR_WINDOW
| ''Window background.''
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| ''Window frame.''
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| ''Text in windows.''
|}

===Noms des couleurs système supportées===
Vous trouverez ci-dessous la liste des noms des couleurs système supportées.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Ombre noire pour les éléments d'affichage en 3D.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Couleur de premier plan pour l'affichage des éléments en 3D et pour l'arrière plan des boîtes de dialogue.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Couleur de surbrillance pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Couleur claire pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Couleur de l'ombre pour l'affichage des éléments en 3D (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Bordure de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Barre de titre de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Couleur d'arrière plan des applications des interfaces multiples de document (MDI).
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Texte sur les bontons enfoncés.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Texte dans la légende, taille de la boîte, et flèche de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Couleur d'arrière plan du bureau.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Texte grisé (désactivé).
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Arrière plan de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Texte de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Couleur pour un élément hot-tracked.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Bordure de la fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Légende de fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Couleur du texte dans une légende inactive.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Couleur d'arrière plan pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Couleur du texte pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_MENU
| Arrière plan du menu.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Texte dans les menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Zone grise de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Arrière plan de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Cadre de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Texte des fenêtres.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-14T14:37:59Z

Hpsam : /* Drapeaux de style remplissage actuellement supporté sont listés ci-dessous : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours le style 3Image
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==''Appendix''==

==Appendice==

===''Global Style Flags''===
''These flags are use to determine which style pattern will be applied to specific element.''

''Note: Not all elements support these flags.''

===Drapeaux du style global===
Ces drapeaux sont utilisés pour déterminer quel motif du style seront appliqués à l'élément spécifique.

Note : Tous les éléments ne supportent pas ces drapeaux.

=====''Currently supported fill style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | ''Set the background of specific element to be transparent''
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | ''Set the background of specific element to be linear gradient fill''
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The start color of gradient''
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The end color of gradient, set same value as .StartColor to make a solid fill)''
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | ''The angle of gradient( or 90), default is 90''
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | ''Set the background of specific element to be an image''
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| ''The image used for background''
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch''
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | ''Set the background of specific element by slicing an image into 3 parts''
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | ''The image used for slicing''
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | ''The left slicing width, in '''Pixel'''''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | ''The right slicing width, in '''Pixel'''''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | ''Whether middle part of the slices is stretched, default is Stretch''
|}

=====Les drapeaux de style remplissage actuellement supportés sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme remplit d'un dégradé linéair
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de début du dégradé
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de fin du dégradé, mettez la même valeur que .StartColor pour avoir une couleur unie
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | L'angle du dégradé ( ou 90), la valeur par défaut est 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme une image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| Image utilisée pour l'arrière plan
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) ''étire'' ou Tile() ''réduit'' l'image, la valeur par défaut est Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique en découpant une image en 3 parties
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | Image utilisée pour le morceau
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | Largeur du morceau de gauche, en '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | Largeur du morceau de droite, en '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Si le morceau du milieu est étirée, la valeur par défaut est Stretch
|}

=====''Currently supported line style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | ''Don’t draw the line''
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | ''Draw a solid line''
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| ''Line Width, in '''Pixel'''''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| ''Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| ''Percent of toolbar height or menu width the line should cover''
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| ''Line Color''
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| ''Draw a shadow line with specified color if given''
|}

=====Les drapeaux de style ligne actuellement supporté sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Ne trace pas la ligne
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Trace une ligne continue
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Largeur de la ligne, en '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Taille & largeur des tirets de la ligne pointillée, 0 par défaut (pas de tiret), en '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Pourcentage de la taille de la barre d'outils ou la largeur du menu avec la ligne qui doit la couvrir
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Couleur de la ligne
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Trace une ligne ombragée avec la couleur spécifiée si définie
|}

===''Supported System Color Names''===
''Below is a list of supported system color names.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| ''Dark shadow for 3D display elements.''
|-
| style="color: #660066;" | $COLOR_3DFACE
| ''Face color for 3D display elements and for dialog box backgrounds.''
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| ''Highlight color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| ''Light color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| ''Shadow color for 3D display elements (for edges facing away from the light source).''
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| ''Active window border.''
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| ''Active window title bar.''
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| ''Background color of multiple document interface (MDI) applications.''
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| ''Text on push buttons.''
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| ''Text in caption, size box, and scroll bar arrow box.''
|-
| style="color: #660066;" | $COLOR_DESKTOP
| ''Desktop background color.''
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| ''Grayed (disabled) text.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| ''Background of selected itemin a control.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| ''Text of item selected in a control.''
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| ''Color for a hot-tracked item.''
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| ''Inactive window border.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| ''Inactive window caption.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| ''Color of text in an inactive caption.''
|-
| style="color: #660066;" | $COLOR_INFOBK
| ''Background color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| ''Text color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_MENU
| ''Menu background.''
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| ''Text in menus.''
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| ''Scroll bar gray area.''
|-
| style="color: #660066;" | $COLOR_WINDOW
| ''Window background.''
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| ''Window frame.''
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| ''Text in windows.''
|}

===Noms des couleurs système supportées===
Vous trouverez ci-dessous la liste des noms des couleurs système supportées.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Ombre noire pour les éléments d'affichage en 3D.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Couleur de premier plan pour l'affichage des éléments en 3D et pour l'arrière plan des boîtes de dialogue.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Couleur de surbrillance pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Couleur claire pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Couleur de l'ombre pour l'affichage des éléments en 3D (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Bordure de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Barre de titre de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Couleur d'arrière plan des applications des interfaces multiples de document (MDI).
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Texte sur les bontons enfoncés.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Texte dans la légende, taille de la boîte, et flèche de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Couleur d'arrière plan du bureau.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Texte grisé (désactivé).
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Arrière plan de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Texte de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Couleur pour un élément hot-tracked.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Bordure de la fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Légende de fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Couleur du texte dans une légende inactive.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Couleur d'arrière plan pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Couleur du texte pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_MENU
| Arrière plan du menu.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Texte dans les menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Zone grise de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Arrière plan de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Cadre de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Texte des fenêtres.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-14T14:32:51Z

Hpsam : /* Drapeaux du style global */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours le style 3Image
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==''Appendix''==

==Appendice==

===''Global Style Flags''===
''These flags are use to determine which style pattern will be applied to specific element.''

''Note: Not all elements support these flags.''

===Drapeaux du style global===
Ces drapeaux sont utilisés pour déterminer quel motif du style seront appliqués à l'élément spécifique.

Note : Tous les éléments ne supportent pas ces drapeaux.

=====''Currently supported fill style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | ''Set the background of specific element to be transparent''
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | ''Set the background of specific element to be linear gradient fill''
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The start color of gradient''
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | ''The end color of gradient, set same value as .StartColor to make a solid fill)''
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | ''The angle of gradient( or 90), default is 90''
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | ''Set the background of specific element to be an image''
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| ''The image used for background''
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch''
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | ''Set the background of specific element by slicing an image into 3 parts''
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | ''The image used for slicing''
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | ''The left slicing width, in '''Pixel'''''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | ''The right slicing width, in '''Pixel'''''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | ''Whether middle part of the slices is stretched, default is Stretch''
|}

=====Drapeaux de style remplissage actuellement supporté sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme remplit d'un dégradé linéair
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de début du dégradé
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | La couleur de fin du dégradé, mettez la même valeur que .StartColor pour avoir une couleur unie)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | L'angle du dégradé ( ou 90), la valeur par défaut est 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme une image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| Image utilisée pour l'arrière plan
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) ''étire'' ou Tile() ''réduit'' l'image, la valeur par défaut est Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme un morceau d'une image en 3 parties
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | Image utilisée pour le morceau
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | Largeur gauche du morceau, en '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | Largeur droite du morceau, en '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Si la partie du milieu du morceau est étirée, la valeur par défaut est Stretch
|}

=====''Currently supported line style flags are listed below:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | ''Don’t draw the line''
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | ''Draw a solid line''
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| ''Line Width, in '''Pixel'''''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| ''Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| ''Percent of toolbar height or menu width the line should cover''
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| ''Line Color''
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| ''Draw a shadow line with specified color if given''
|}

=====Les drapeaux de style ligne actuellement supporté sont listés ci-dessous :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Ne trace pas la ligne
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Trace une ligne continue
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Largeur de la ligne, en '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Taille & largeur des tirets de la ligne pointillée, 0 par défaut (pas de tiret), en '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Pourcentage de la taille de la barre d'outils ou la largeur du menu avec la ligne qui doit la couvrir
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Couleur de la ligne
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Trace une ligne ombragée avec la couleur spécifiée si définie
|}

===''Supported System Color Names''===
''Below is a list of supported system color names.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| ''Dark shadow for 3D display elements.''
|-
| style="color: #660066;" | $COLOR_3DFACE
| ''Face color for 3D display elements and for dialog box backgrounds.''
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| ''Highlight color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| ''Light color for 3D display elements (for edges facing the light source.)''
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| ''Shadow color for 3D display elements (for edges facing away from the light source).''
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| ''Active window border.''
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| ''Active window title bar.''
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| ''Background color of multiple document interface (MDI) applications.''
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| ''Text on push buttons.''
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| ''Text in caption, size box, and scroll bar arrow box.''
|-
| style="color: #660066;" | $COLOR_DESKTOP
| ''Desktop background color.''
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| ''Grayed (disabled) text.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| ''Background of selected itemin a control.''
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| ''Text of item selected in a control.''
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| ''Color for a hot-tracked item.''
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| ''Inactive window border.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| ''Inactive window caption.''
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| ''Color of text in an inactive caption.''
|-
| style="color: #660066;" | $COLOR_INFOBK
| ''Background color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| ''Text color for tooltip controls.''
|-
| style="color: #660066;" | $COLOR_MENU
| ''Menu background.''
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| ''Text in menus.''
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| ''Scroll bar gray area.''
|-
| style="color: #660066;" | $COLOR_WINDOW
| ''Window background.''
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| ''Window frame.''
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| ''Text in windows.''
|}

===Noms des couleurs système supportées===
Vous trouverez ci-dessous la liste des noms des couleurs système supportées.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Ombre noire pour les éléments d'affichage en 3D.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Couleur de premier plan pour l'affichage des éléments en 3D et pour l'arrière plan des boîtes de dialogue.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Couleur de surbrillance pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Couleur claire pour l'affichage des éléments en 3D (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Couleur de l'ombre pour l'affichage des éléments en 3D (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Bordure de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Barre de titre de la fenêtre active.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Couleur d'arrière plan des applications des interfaces multiples de document (MDI).
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Texte sur les bontons enfoncés.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Texte dans la légende, taille de la boîte, et flèche de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Couleur d'arrière plan du bureau.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Texte grisé (désactivé).
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Arrière plan de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Texte de l'élément sélectionné dans un contrôle.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Couleur pour un élément hot-tracked.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Bordure de la fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Légende de fenêtre inactive.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Couleur du texte dans une légende inactive.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Couleur d'arrière plan pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Couleur du texte pour les info-bulles.
|-
| style="color: #660066;" | $COLOR_MENU
| Arrière plan du menu.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Texte dans les menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Zone grise de la barre de défilement.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Arrière plan de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Cadre de la fenêtre.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Texte des fenêtres.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-13T10:03:38Z

Hpsam : /* Style personnalisable : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours le style 3Image
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-13T10:01:06Z

Hpsam : /* Style d'onglet personnalisable : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton flotant de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-13T09:45:30Z

Hpsam : /* Autres élément de l'IU de la barre d'onglet : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière l'image de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Position du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour arrondir les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour 3Image la partie de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin actif pour la partie 3Image
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour arrondir les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton flotant de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-13T09:38:31Z

Hpsam : /* Style des onglets personnalisable : */

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour coller les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour coller les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée découper l'image dans la cadre
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière la barre de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Offset relatif pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Offset du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour arrondir les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour 3Image la partie de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin actif pour la partie 3Image
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour arrondir les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton flotant de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0 suite

2006-09-13T09:19:39Z

Hpsam :

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème Windows standard avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| ''Hovered Tab background''
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| ''Unread Tab background, may overlay on the Hovered and Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style des onglets personnalisable :=====
Les réglages suivants ont un effet uniquement si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Arrière plan d'un onglet survolé
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Arrière plan d'un onglet non lu, peux recouvrir l'arrière plan d'un onglet survolé et normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour arrondir les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour 3Image la partie de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour 3Image la partie de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour arrondir les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

''Below figure will explain the relationships of the settings:''

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented ''
|-
| Background.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
''The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

La figure ci-dessous explique les relations entre les réglages :

''Figure : Onglet personnalisable ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre d'onglets est placée en bas. Non Implémenté 
|-
| Background.Style<nowiki>=</nowiki>Image
|
L'arrière plan de la barre d'onglets Les vaurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan pour la barre d'onglets en mode inactif (inversion d'affichage). Les vauers peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

=====''Other Tab Bar UI Elements:''=====
''Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| ''Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab''
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| ''Progress Image''
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| ''Progress images width, used to slice the image into frames''
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| ''Hide the website icon behind the progress image''
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
''Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| ''Close button placed on the right of current tab, the button’s size is the same as your image’s''
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| ''Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.''
|}

=====Autres élément de l'IU de la barre d'onglet :=====
Les réglages listés ci-dessous doivent également être mis sans importance si TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Indicateur de progression sur l'onglet, peut être : Animation - Animation en boucle d'une série d'images Progress - Affichage d'une série d'images comme barre de progression None - Pas d'affichage de barre de progression sur l'onglet
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Image de progression
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Largeur de l'image de progression, utilisée découper l'image dans la cadre
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Cacher l'icône du site Web derrière la barre de progression
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Offset relatif pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]). Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Offset du bouton de fermeture, utilisé pour un réglage précis. Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}

====''[Sidebar] Section''====
''This section contains settings for the Sidebar Bar.''

====Section [Sidebar]====
Cette section contient les réglages pour la barre latérale.

=====''Sidebar Tabs:''=====
''For Tab Text Color settings please refer to the '''[Colors]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

=====Onglets de la barre latérale :=====
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème standard de Windows avec support du style visuel Custom – Thème entièrement personnalisable Button – Thème de style bouton Non implémenté Flat - Thème d'onglet plat Non implémenté VS2003 - Thème VisualStudio 2003 Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Tab Style:''=====
''The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| ''Normal Tab background''
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| ''Active Tab background''
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| ''End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| ''Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| ''Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| ''Normal Tab background box end position, shared by Tab.Hover and Tab.Unread''
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| ''Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| ''Start Offset for 3Image Slice of Active Tab background''
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| ''Active End Offset for 3Image Slice''
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| ''Active Stretch Flag''
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| ''Active Tab background box start position, set negative value to collapse tab borders''
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| ''Active Tab background box end position''
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| ''Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.''
|}

=====Style d'onglet personnalisable :=====
Les réglages suivants ont un effet seulement lorsque TabStyle<nowiki>=</nowiki>Custom. Ces réglages sont les même que ceux de la section '''[TabBar]''', mais seuls les états Tab.Normal et Tab.Active sont disponibles. Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Arrière plan d'un onglet normal
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Arrière plan d'un onglet actif
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Offset de départ pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin pour 3Image une partie de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan d'un onglet normal, mettre une valeur positive pour arrondir les bords de l'onglet, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par Tab.Hover et Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur d'un onglet normal, partagé par Tab.Hover et Tab.Unread. Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Offset de début pour 3Image la partie de l'arrière plan de l'onglet actif
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Offset de fin actif pour la partie 3Image
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Etendue de la partie active
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Position de début de la bordure de l'arrière plan de l'onglet actif, mettre une valeur négative pour arrondir les bords de l'onglet
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Remplissage intérieur de l'onglet actif Le format de la veur est '''haut ''''''gauche droite bas''', comme le CSS.
|}

=====''Other Settings for Sidebar Tabs :''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| ''Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented ''
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
''The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
''The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Autres réglages pour les onglets de la barre latérale :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. Non implémenté 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
L'arrière plan pour les onglets de la barre latérale. Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
L'arrière plan du titre de la barre latérale. Non implémenté Les valeurs peuvent être : GFill, Image, 3Image [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

====''[ComboBox] Section====''
''This section contains settings for Combo Box.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [ComboBox]====
Cette section contient les réglages pour la boîte Combo.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows Standard avec support du style visuel Custom – Thème entièrement personnalisable Office2000 – Thème Office 2000 Non implémenté OfficeXP - Thème Office XP Non implémenté Office2003 – Thème Office 2003 Non implémenté 
|}

=====''Custom Style:'=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| ''Normal Background of the whole combo box, always 3Image style''
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| ''Hovered Background of the whole combo box, always 3Image style''
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| ''Normal Tumb Button of combo box, aligned to top right corner''
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| ''Hovered Tumb Button of combo box, aligned to top right corner''
|}

=====Style personnalisable :=====
Les réglages suivants prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Arrière plan normal de toute la boîte combo, toujours 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Arrière plan survolé de toute la boîte combo, toujours le style 3Image
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Bouton flotant de la boîte combo, aligné avec le coin supérieur droit
|}

====''[Progress] Section''====
''This section contains settings for Progress Bar.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme''
|}

====Section [Progress]====
Cette section contient les réglages pour la barre de progression.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thème de Windows standard avec support du style visuel Custom – Thème entièrement personnalisable
|}

=====''Custom Style:''=====
''The following settings only take effect when Style<nowiki>=</nowiki>Custom.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| ''Show Percent Text on progress bar''
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Percent Text color (No Invert effect) Not Implemented ''
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| ''Foreground of the progress bar''
|-
| Background.Style<nowiki>=</nowiki>3Image
| ''Background of the progress bar''
|}

=====Style personnalisable :=====
Les réglages suivant prennent seulement effet lorsque Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Affiche le texte du pourcentage sur la barre de progression
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte du pourcentage (pas d'effet inversé) Non implémenté 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Avant plan de la barre de progression
|-
| Background.Style<nowiki>=</nowiki>3Image
| Arrière plan de la barre de progression
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center><< [[Les Skins de Maxthon v2.0]] | [[Base de connaissances de Maxthon 2.0]] >></center>

Les Skins de Maxthon v2.0

2006-09-13T09:16:20Z

Hpsam :

Les Skins de Maxthon v2.0

2006-09-12T09:45:43Z

Hpsam : /* Arrière plan de la barre d'outils : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNon implémenté 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu survolé
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu survolé
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de début du dégradé du fond de l'élément du menu survolé
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de la fin du dégradé du fond de l'élément du menu survolé
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet survolé
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:44:59Z

Hpsam : /* Arrière plan de la barre d'outils : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNon implémenté 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu survolé
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu survolé
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de début du dégradé du fond de l'élément du menu survolé
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de la fin du dégradé du fond de l'élément du menu survolé
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet survolé
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la ToolBar
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que ToolBar
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:41:30Z

Hpsam : /* Onglets : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNon implémenté 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu survolé
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu survolé
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de début du dégradé du fond de l'élément du menu survolé
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de la fin du dégradé du fond de l'élément du menu survolé
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet survolé
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:40:48Z

Hpsam : /* Barre des menus : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNon implémenté 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu survolé
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu survolé
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de début du dégradé du fond de l'élément du menu survolé
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de la fin du dégradé du fond de l'élément du menu survolé
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet flottant
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:38:36Z

Hpsam : /* Barres d'outils : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNon implémenté 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu flottant
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu flottant
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de fond de début du dégradé de l'élément du menu flottant
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fond de la fin du dégradé de l'élément du menu flottant
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet flottant
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:37:39Z

Hpsam : /* Barres d'outils : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactivée pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton survolé
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton survolé
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur du début du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fin du dégradé du fond du bouton survolé
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton coché Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour un bouton enfoncéNot Implemented 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour un bouton enfoncé
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu flottant
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu flottant
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de fond de début du dégradé de l'élément du menu flottant
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fond de la fin du dégradé de l'élément du menu flottant
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet flottant
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>

Les Skins de Maxthon v2.0

2006-09-12T09:29:47Z

Hpsam : /* Icônes de fonctions : */

Version: 2.0.4 Last Modified: 2006-07-25 5:21 PM

==''Overview''==
''Maxthon Browser's new skin package consists of multiple image files and a text file.''

''From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.''

''The text file should have the extension of INI. And the file with name “mskin.ini” will be used as the default style of your skin.''

''Note: Please save the INI file in Unicode(UTF-8) encoding.''

==Vue d'ensemble==
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.

Depuis la version 2.0, nous utilisons des fichiers PNG avec le support complet de la transparence ou des images de la barre d'outils & des autres éléments de l'interface.

Le fichier texte doit avoir l'extension INI. Et le fichier qui se nomme “mskin.ini” sera utilisé comme style par défaut de votre Skin.

Note : Sauvegardez le fichier INI au format Unicode(UTF-8).

==''Requirement of Images''==
''We recommend authors of skins use PNG format as their image format.''

''Although the old bmp format is still supported, we do not recommend the use of it since the mask transparence support of bmp is no longer supported''

==Exigences des images==
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.

L'ancien format BMP est toujours supporté, mais nous vous recommandons de ne pas l'utiliser car le support du masque de la transparence des BMP n'est plus supporté

==''Protocols Used in This Document''==
'' '''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki> e.g. Version or version''

'' '''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki> e.g. System''

'' '''String'''<nowiki>: The most common value type.</nowiki> e.g. This is a String''

'' '''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki> e.g. 32 and 16''

'' '''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki> e.g. 1 and''

'' '''Color Value'''<nowiki>: Color Values can be HEX web color, comma seperated RGB value and system color names(See </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). e.g. <nowiki>#FEFEFE</nowiki> or 255,210,76 or $COLOR_HIGHLIGHTTEXT''

==Conventions utilisées dans ce document==
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki> ex. Version ou version

'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki> ex. System

'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki> ex. Ceci est une chaîne

'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki> ex. 32 et 16

'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki> ex. 0 et 1

'''Valeur de couleur'''<nowiki>: La valeur de couleur peut être une couleur au format HEXA, des valeurs RGB séparées par des virgules et des noms de couleur système (Cf. </nowiki>[#_Supported_System_Color_Names Appendix: Supported System Color Names]). ex. <nowiki>#FEFEFE</nowiki> ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT

==''Skin INI File Structure''==
''The INI File is where you instruct Maxthon how to process your skin files. You can build your own skin by following this guide or by modifying an exist skin.''

''Note: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.''

''Below is the detailed description of all skin INI elements.''

==Structure du fichier INI d'un Skin==
Le fichier INI est l'endroit où vous indiquez à Maxthon comment utiliser vos fichiers de skin. Vous pouvez construire votre propre Skin en suivant ce guide ou en modifiant un Skin existant.

Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).

Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.

====''[General] Section''====
This section is used as a summary description for your skin.

====Section [General]====
Cette section est utilisée comme une description sommaire de votre Skin.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>''Maxthon Default''
| ''The name of your skin''
|-
| Version<nowiki>=</nowiki>''1.0.1''
| ''Version number of your skin, used for checking updates The format is #.#.# where # is an integer from 0-9''
|-
| Style<nowiki>=</nowiki>''Large Icon''
| ''Sub Style of your skin, used for multiple skin INI files (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Name<nowiki>=</nowiki>Maxthon Default
| Le nom de votre Skin
|-
| Version<nowiki>=</nowiki>1.0.1
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour Le format est #.#.# où # est un entier entre 0-9
|-
| Style<nowiki>=</nowiki>Large Icon
| Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel) 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>''SiC''
| ''The author name of this skin (Optional)'' 
|-
| Email<nowiki>=</nowiki>''null@null.com''
| ''Author's email address (Optional)'' 
|-
| Website<nowiki>=</nowiki>''http://www.null.com/''
| ''Author's website regarding this skin (Optional)'' 
|-
| UpdateURL<nowiki>=</nowiki>''http://www.null.com/skin/''
| ''Update URL for this skin (Optional)'' 
|-
| License<nowiki>=</nowiki>''GPL''
| ''License information of this skin (Optional)'' 
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Author<nowiki>=</nowiki>SiC
| Le nom de l'auteur de ce Skin (Optionnel) 
|-
| Email<nowiki>=</nowiki>null@null.com
| L'adresse email de l'auteur (Optionnel) 
|-
| Website<nowiki>=</nowiki>http://www.null.com/
| Le site Web de l'auteur de ce Skin (Optionnel) 
|-
| UpdateURL<nowiki>=</nowiki>http://www.null.com/skin/
| L'adresse URL pour la mise à jour de ce Skin (Optionnel) 
|-
| License<nowiki>=</nowiki>GPL
| Information sur la licence de ce Skin (Optionnel) 
|}

====''[Global] Section''====
''This section is used for common settings shared between elements.''

====Section [Global]====
Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''BaseTheme''<nowiki>=</nowiki>''Custom''
| colspan="2" | ''The base theme of your skin. Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme OfficeXP - Office XP Theme Office2003 – Office 2003 Theme If you use a BaseTheme other than Custom, only the Icons and some special part of the skin settings will take effects.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| BaseTheme<nowiki>=</nowiki>Custom
| colspan="2" | Le thême de base de votre Skin. Les valeurs valides sont : System – Thême standard de Windows avec le support de style visuel Custom – Thême entièrement personnalisable Office2000 – Thême Office 2000 OfficeXP - Thême Office XP Office2003 – Thême Office 2003 Si vous utilisez un BaseTheme différent de Custom, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''DefaultIconSize''<nowiki>=</nowiki>''24 24''
| ''The default size for toolbar images, used on some special occusions.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| DefaultIconSize<nowiki>=</nowiki>24 24
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''CustomFrame''<nowiki>=</nowiki>''1''
| colspan="2" | ''Enable Custom Frame Style in '''No ''''''Window Frame''' Mode. This Setting only have effect when BaseTheme<nowiki>=</nowiki>Custom.''
|-
| ''CustomFrame.Width''<nowiki>=</nowiki>''3''
| colspan="2" | ''The width of main windows frame''
|-
| rowspan="2" | ''CustomFrame.Style''<nowiki>=</nowiki>''Image''
| colspan="2" | ''The style of frame, it can be: GFill, Image (3Image is not available for this Property) When set to Image, besides the CustomFrame.Image Property, the following extra property must be set:''
|-
| ''CustomFrame.CornerSize''<nowiki>=</nowiki>''6''
| ''The Width and Height of corner image slice size, both share the same value, in '''Pixel'''. Default is .''
|-
| ''CustomFrame.CornerRadius''<nowiki>=</nowiki>''6''
| colspan="2" | ''The radius for cutting round corner, in '''Pixel'''. Default is .''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CustomFrame<nowiki>=</nowiki>1
| colspan="2" | Active le style de frame personnalisable dans '''No ''''''Window Frame''' Mode. Ce réglage n'a qu'un effet lorsque BaseTheme<nowiki>=</nowiki>Custom.
|-
| CustomFrame.Width<nowiki>=</nowiki>3
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
| rowspan="2" | CustomFrame.Style<nowiki>=</nowiki>Image
| colspan="2" | Le style de la frame, peut être : GFill, Image (3Image n'est pas disponible pour cette propriété) Lorsque que Image est définie, derrière la propriété CustomFrame.Image, l'extension de la propriété suivante doit être définie :
|-
| CustomFrame.CornerSize<nowiki>=</nowiki>6
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''. La valeur par défaut est .
|-
| CustomFrame.CornerRadius<nowiki>=</nowiki>6
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''. La valeur par défaut est .
|}

''(A Example Image should be here)''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''AnimateLoading''<nowiki>=</nowiki>''control/loading.png''
| colspan="2" | ''The Loading Animation Icon Image on menus. Must be a series of '''16x16 pixels images '''. Default is no icon.''
|}

(Un exemple d'image devrait se trouver ici)

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| AnimateLoading<nowiki>=</nowiki>control/loading.png
| colspan="2" | L'image de l'icône animée du chargement des menus. Doit être une série d''''images de 16x16 pixels'''. La valeur par défaut est : pas d'icône.
|}

====''[Icons] Section''====
''This section contain a list of all icon images that are on main toolbar.''

''Every image's width and height can be variant. Maxthon Browser will use the actual size of the image file for display.''

''There are several extra properties that can be set for indivual icons:''

====Section [Icons]====
Cette section contient une liste de toutes les images des icônes qui sont sur la barre d'outils principale.

Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.

Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| ''Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.''
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| ''Disabled image for icon. Only have effect on icon which has a disabled state.''
|-
| .Offset<nowiki>=</nowiki>0 8
| ''Set an icon’s offset regarding to the normal toolbar item box. The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.''
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| ''Set Padding of button image. '''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size''' The value format is '''Top Right Bottom Left''', just like CSS.''
|}

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| .Hover<nowiki>=</nowiki>toolbar/hover/back.png
| Image pour l'icône survolé. Si définie, l'arrière plan de survole normal du bouton de la barre d'outils ne sera pas dessiné.
|-
| .Disable<nowiki>=</nowiki>toolbar/disable/back.png
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
| .Offset<nowiki>=</nowiki>0 8
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale. Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
| .Padding<nowiki>=</nowiki>2 2 2 2
| Défini le remplissage autour de l'image du bouton. '''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final''' Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}

=====''Common icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| ''Navigation > History Menu This is a special icon used to show a History Drop Down Menu for Back/Forward. Generally, it has a smaller size to save screen space.''
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| ''View > Sidebar > Favorites Also the Add/Edit Favorites Window''
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| ''View > Sidebar > Feed Also the Add/Edit Feeds Window''
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| ''View > Sidebar > History (Optional) ''
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| ''View > Layout The Interface Layout Switch button (Fullscreen etc.)''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size (Optional) ''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding (Optional) ''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom (Optional) ''
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| ''Tools > Security (Optional) ''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control (Optional) ''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page (Optional) ''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As (Optional) ''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options (Optional) ''
|}

''If you don't want to draw several icons listed above (such as the seldom used icons marked Optional above), you can set their value to the 16x16 image instead.''

=====Icônes communes :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/32_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/32_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\18_history.png
| Navigation > Menu historique C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant. Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
| Refresh<nowiki>=</nowiki>toolbar/32_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/32_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/32_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/32_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/32_undo.png
| Navigation > Annuler Fermer Page
|-
| Favorites<nowiki>=</nowiki>toolbar/32_favorites.png
| Affichage > Barre latérale > Favoris Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
| Feed<nowiki>=</nowiki>toolbar/32_feed.png
| Affichage > Barre latérale > Flux RSS Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
| History<nowiki>=</nowiki>toolbar/32_history.png
| Affichage > Barre latérale > Historique (Optionnel) 
|-
| Layout<nowiki>=</nowiki>toolbar/32_layout.png
| Affichage > Disposition Le bouton de changement de disposition(Plein écran, etc.)
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte (Optionnel) 
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage (Optionnel) 
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom (Optionnel) 
|-
| Proxy<nowiki>=</nowiki>toolbar/32_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/32_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/32_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/32_security.png
| Outils > Sécurité (Optionnel) 
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page (Optionnel) 
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page (Optionnel) 
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous (Optionnel) 
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon (Optionnel) 
|}

Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées Optionnel above), vous pouvez définir la valeur de l'image en 16x16.

=====''Special Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| ''Tab Bar Button > Tab Bar Options''
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| ''Tab Bar Button > Toggle Web Toolbar''
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| ''Tab Bar Button > Toggle Sidebar''
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| ''Tab Bar Button > Tab Manager''
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| ''Tab Bar Button > New Tab''
|}

=====Icônes spéciales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabOptions<nowiki>=</nowiki>control/tab_options.png
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
| TabToolbar<nowiki>=</nowiki>control/tab_toolbar.png
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
| TabSidebar<nowiki>=</nowiki>control/tab_sidebar.png
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
| TabManager<nowiki>=</nowiki>control/tab_manager.png
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
| TabNew<nowiki>=</nowiki>control/tab_new.png
| Bouton de la barre d'onglet > Nouvel onglet
|}

=====''No Frame Mode Window Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| ''Skin Select Button''
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| ''Minimize Window Button''
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| ''Maximum Window Button''
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| ''Restore Window Button''
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| ''Close Window Button''
|}

=====Contrôle des icônes d'une fenêtre sans frame :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| SkinSelect<nowiki>=</nowiki>control\16_skin_selector.png
| Bouton de sélection des Skins
|-
| MenuMinimize<nowiki>=</nowiki>control\16_minimize.png
| Bouton de réduction de la fenêtre
|-
| MenuMaximum<nowiki>=</nowiki>control\16_maximum.png
| Bouton d'agrandissement de la fenêtre
|-
| MenuRestore<nowiki>=</nowiki>control\16_restore.png
| Bouton de restauration de la fenêtre
|-
| MenuClose<nowiki>=</nowiki>control\16_close.png
| Bouton de fermeture de la fenêtre
|}

====''[Icon16] Section''====
''Icons in this section is used in different parts of Maxthon Browser interface. Each icon's size should be '''16x16 pixels''' or it will be stretched.''

''In order to keep a consistence presentation of small icons, the .Offset and .Padding properties described in '''[Icons]''' section are disabled.''

====Section [Icon16]====
Les icônes dans cette section sont utilisées dans différentes parties de l'interface de Maxthon. La taille de chaque icône doit être de '''16x16 pixels''' ou elle sera étirée.

Afin de conserver une présentation constante des petites icônes, l'.Offset et la propriété .Padding qui sont décrites dans la section '''[Icons]''' sont désactivés.

=====''Common icons (Required):''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| ''Navigation > Back''
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| ''Navigation > Forward''
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| ''Navigation > History Menu''
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| ''Navigation > Refresh''
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| ''Navigation > Stop''
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| ''Navigation > Home''
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| ''Navigation > New Tab''
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| ''Navigation > Undo Close Page''
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| ''View > Sidebar > Favorites''
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| ''View > Sidebar > Feed''
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| ''View > Sidebar > History''
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| ''View > Layout''
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| ''View > Font Size''
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| ''View > Encoding''
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| ''View > Page Zoom''
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| ''Tools > Proxy''
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| ''Tools > Utilities''
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| ''Tools > Plugins''
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| ''Tools > Security''
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| ''Tools > Page Content Control''
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| ''Tools > Edit Page''
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| ''File > Save As''
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| ''Tools > Maxthon Options''
|}

=====Icônes Communes (Obligatoire):=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Back<nowiki>=</nowiki>toolbar/16_back.png
| Navigation > Précédent
|-
| Forward<nowiki>=</nowiki>toolbar/16_forward.png
| Navigation > Suivant
|-
| HistoryMenu<nowiki>=</nowiki>toolbar\16_history_menu.png
| Navigation > Menu historique
|-
| Refresh<nowiki>=</nowiki>toolbar/16_refresh.png
| Navigation > Actualiser
|-
| Stop<nowiki>=</nowiki>toolbar/16_stop.png
| Navigation > Arrêter
|-
| Home<nowiki>=</nowiki>toolbar/16_home.png
| Navigation > Accueil
|-
| New<nowiki>=</nowiki>toolbar/16_new.png
| Navigation > Nouvel onglet
|-
| Undo<nowiki>=</nowiki>toolbar/16_undo.png
| Navigation > Annuler fermer
|-
| Favorites<nowiki>=</nowiki>toolbar/16_favorites.png
| Affichage > Barre latérale > Favoris
|-
| Feed<nowiki>=</nowiki>toolbar/16_feed.png
| Affichage > Barre latérale > Flux RSS
|-
| History<nowiki>=</nowiki>toolbar/16_history.png
| Affichage > Barre latérale > Historique
|-
| Layout<nowiki>=</nowiki>toolbar/16_layout.png
| Affichage > Disposition
|-
| FontSize<nowiki>=</nowiki>toolbar/32_fontsize.png
| Affichage > Taille du texte
|-
| Encoding<nowiki>=</nowiki>toolbar/32_encoding.png
| Affichage > Codage
|-
| Zoom<nowiki>=</nowiki>toolbar/32_page_zoom.png
| Affichage > Zoom
|-
| Proxy<nowiki>=</nowiki>toolbar/16_proxy.png
| Outils > Proxy
|-
| Tools<nowiki>=</nowiki>toolbar/16_tools.png
| Outils > Utilitaires
|-
| Plugins<nowiki>=</nowiki>toolbar/16_plugins.png
| Outils > Plugins
|-
| Security<nowiki>=</nowiki>toolbar/16_security.png
| Outils > Sécurité
|-
| PageContent<nowiki>=</nowiki>toolbar/32_page_content.png
| Outils > Contrôle du contenu de la page
|-
| Edit<nowiki>=</nowiki>toolbar/32_edit.png
| Outils > Editer la page
|-
| Save<nowiki>=</nowiki>toolbar/32_save.png
| Fichier > Enregistrer sous
|-
| Options<nowiki>=</nowiki>toolbar/32_options.png
| Outils > Options de Maxthon
|}

=====''General Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| ''Default Icon for Page and Links. (Favorites Manager, Favorites Bar, Favorites Menu, etc.)''
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Address Bar. (Optional) Default is to use the same icon as Page.''
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| ''Default Page Icon on Tab Bar. (Optional) Default is to use the same icon as Page.''
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| ''Search Engine Icon (Search Box DropDown Menu)''
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| ''Default Search Engine Icon on Search Box. (Optional) Default is to use the same icon as Search.''
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| ''Open Folder''
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| ''Closed Folder''
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| ''Favorites Group''
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| ''Feed Channel''
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| ''Feed Item''
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| ''Feed Item with Enclosure''
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| ''Found New Feed icon on Address Bar''
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| ''Secure Icon on Address Bar''
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| ''Insecure Icon on Address Bar Not Implemented ''
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| ''Default Skin Icon''
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| ''Default Plugin Icon''
|}

=====Icônes générales :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Page<nowiki>=</nowiki>toolbar/16_page.png
| L'icône par défaut pour la page et les liens. (Gestionnaire des Favoris, Barre des Favoris, Menu des Favoris, etc.)
|-
| AddressBar<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre d'adresse. (Optionnel) La même icône que Page par défaut.
|-
| DefaultTabIcon<nowiki>=</nowiki>misc/16_page.png
| L'icône de la page par défaut sur la barre la barre d'onglet. (Optionnel) La même icône que Page par défaut.
|-
| Search<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche (Menu déroulant de la boîte de recherche)
|-
| SearchBar<nowiki>=</nowiki>misc/16_search.png
| Icône du moteur de recherche par défaut sur la boîte de recherche. (Optionnel) La même icône que Search par défaut.
|-
| FolderOpen<nowiki>=</nowiki>misc/16_folder_open.png
| Ouvrir un dossier
|-
| FolderClose<nowiki>=</nowiki>misc/16_folder_closed.png
| Fermer un dossier
|-
| Group<nowiki>=</nowiki>misc/16_group.png
| Groupe des Favoris
|-
| FeedChannel<nowiki>=</nowiki>misc/16_feed_channel.png
| Chaîne de flux
|-
| FeedItem<nowiki>=</nowiki>misc/16_feed_item.png
| Elément d'un flux
|-
| FeedItemEnclosure<nowiki>=</nowiki>misc/16_feed_item_enclosure.png
| Elément d'un flux avec inclusion
|-
| FeedDiscover<nowiki>=</nowiki>misc/16_feed_discover.png
| Icône d'un nouveau flux trouvé sur la barre d'adresse
|-
| Secure<nowiki>=</nowiki>misc/16_secure.png
| Icône de sécurité sur la barre d'adresse
|-
| Insecure<nowiki>=</nowiki>misc/16_secure.png
| Icône d'insécurité sur la barre d'adresse Non implémenté
|-
| Skin<nowiki>=</nowiki>misc/16_skin.png
| Icône par défaut du Skin
|-
| Plugin<nowiki>=</nowiki>misc/16_plugin.png
| Icône par défaut du Plugin
|}

=====''Function Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| ''Go button on Address Bar''
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| ''Go Up One Level button on Tab Toolbar''
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| ''Hot Favorites Drop Down Menu Button on Favorites Bar''
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| ''Highlight Button on Find in Page toolbar''
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| ''Validate (Check URL, Check Proxy)''
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| ''Script Error Indicator on Status Bar''
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| ''User Profile''
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| ''Simple Collector Icon on Status Bar''
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| ''Ad Hunter Icon on Status Bar''
|}

=====Icônes de fonctions :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Go<nowiki>=</nowiki>misc/16_go.png
| Bouton "Aller" sur la barre d'adresse
|-
| UpLevel<nowiki>=</nowiki>misc/16_up_level.png
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
| HotFav<nowiki>=</nowiki>misc/16_hot_fav.png
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
| Highlight<nowiki>=</nowiki>misc/16_highlight.png
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
| Validate<nowiki>=</nowiki>misc/16_validate.png
| Validation (Tester les URL, Tester les Proxy)
|-
| ScriptError<nowiki>=</nowiki>misc/16_script_error.png
| Indicateur d'erreur de script sur la barre d'état
|-
| Profile<nowiki>=</nowiki>misc/16_profile.png
| Profil utilisateur
|-
| Collector<nowiki>=</nowiki>misc/16_collector.png
| Icône du Post'It sur la barre d'état
|-
| AdHunter<nowiki>=</nowiki>misc/16_adhunter.png
| Icône du tueur de pub sur la barre d'état
|}

=====''Shared Icons:''=====
''Icons listed below is used in different part of program, such as dialog toolbars.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| ''Add''
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| ''Edit''
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| ''Delete''
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| ''Save''
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| ''Refresh''
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| ''Options''
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| ''Search''
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| ''View Switch''
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| ''Execute''
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| ''In Progress Indicator''
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| ''Stop''
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| ''Question Indicator''
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| ''Info Indicator''
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| ''Alert Indicator''
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| ''Error Indicator''
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| ''OK Indicator''
|}

=====Icônes patagées :=====
Les icônes listées ci-dessous sont utilisées dans différente parties du programme, comme les info-bulles de la barre d'outils.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| _Add<nowiki>=</nowiki>shared\16_add.png
| Ajouter
|-
| _Edit<nowiki>=</nowiki>shared\16_edit.png
| Editer
|-
| _Delete<nowiki>=</nowiki>shared\16_delete.png
| Supprimer
|-
| _Save<nowiki>=</nowiki>shared\16_save.png
| Enregistrer
|-
| _Refresh<nowiki>=</nowiki>shared\16_refresh.png
| Actualiser
|-
| _Options<nowiki>=</nowiki>shared\16_options.png
| Options
|-
| _Search<nowiki>=</nowiki>shared\16_search.png
| Rechercher
|-
| _View<nowiki>=</nowiki>shared\16_view.png
| Afficher bouton
|-
| _Execute<nowiki>=</nowiki>shared\16_execute.png
| Exécuter
|-
| _InProgress<nowiki>=</nowiki>shared\16_in_progress.png
| Indicateur En cours
|-
| _Stop<nowiki>=</nowiki>shared\16_stop.png
| Arrêter
|-
| _Question<nowiki>=</nowiki>shared\16_question.png
| Indicator Question
|-
| _dInfo<nowiki>=</nowiki>shared\16_info.png
| Indicateur Info
|-
| _Alert<nowiki>=</nowiki>shared\16_alert.png
| Indicateur Alerte
|-
| _Error<nowiki>=</nowiki>shared\16_error.png
| Indicateur Erreur
|-
| _OK<nowiki>=</nowiki>shared\16_ok.png
| Indicateur OK
|}

=====''Control Icons:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| ''Caption Icon in '''Compact Window Frame Mode'''''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| ''Close Button on Toolbar''
|}

=====Icônes de contrôle :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Caption<nowiki>=</nowiki>control\caption_icon.png
| Légende de l'icône dans le '''mode fenêtre compacte'''
|-
| CloseToolbar<nowiki>=</nowiki>shared\16_close.png
| Bouton Fermer sur la barre d'outils
|}

====''[Colors] Section''====
''This section defined color styles for buttons on toolbars, menus, panels.''

====Section [Colors]====
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.

=====''Caption Bar:''=====
''The following settings only have effects in '''Custom Window Frame''' mode.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Caption Bar Text Color''
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Inactive Caption Bar Text Color''
|}

=====Légendes des barrres :=====
Les réglages suivants ont seulement un effet dans le mode '''Frame des fenêtres personnalisées'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende normale de la barre
|-
| CaptionBar.Inactive.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de la légende inactive de la barre
|}

=====''Toolbars:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| ''The global object for Normal Toolbars (Docked)''
|-
| FloatBar
| ''The global object for Floating Toolbars (Undocked)''
|-
| FavBar
| ''The object for Favorites Bar, Use Default Style when not set (Optional) ''
|-
| WebBar
| ''The object for Web Page Toolbar, Use Default Style when not set (Optional) ''
|-
| StatusBar
| ''The object for Status Bar, Use Default Style when not set (Optional) ''
|}

=====Barres d'outils :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ToolBar
| L'objet global pour les barres d'outils normale (Attachés)
|-
| FloatBar
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
| FavBar
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| WebBar
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini (Optionnel) 
|-
| StatusBar
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini (Optionnel) 
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| ''Normal Color for Toolbar Text''
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Toolbar Text''
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
''Toolbar Gripper Style'' Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
''Toolbar Separator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Button Text''
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button border''
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Button Background Gradient Start Color''
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Button Background Gradient End Color''
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Checked Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Same as Above, for Pressed Button Not Implemented ''
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Pressed Button''
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Pressed Button''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''Toolbar''.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki> 
| Couleur normale pour le texte de la barre d'outils
|-
| ''Toolbar''.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur désactiver pour le texte de la barre d'outils
|-
| ''Toolbar''.Gripper.Style<nowiki>=</nowiki>Dashed
|
Style des gripper de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
| ''Toolbar''.Separator.Style<nowiki>=</nowiki>Solid
|
Style des séparateur de la barre d'outils Non implémenté [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
| ''Toolbar''.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte du bouton flottant
|-
| ''Toolbar''.Hover.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Bord du bouton flottant
|-
| ''Toolbar''.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de fond du début du dégradé du bouton flottant
|-
| ''Toolbar''.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fond de fin du dégradé du bouton flottant
|-
| ''Toolbar''.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les boutons à cocher Non implémenté 
|-
| ''Toolbar''.Checked.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour les boutons à cocher Non implémenté 
|-
| ''Toolbar''.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les boutons à cocher Non implémenté 
|-
| ''Toolbar''.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les boutons à cocher Non implémenté 
|-
| ''Toolbar''.Pressed.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les boutons enfoncés
|-
| ''Toolbar''.Pressed.Border<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Comme ci-dessus, pour les boutons enfoncésNot Implemented 
|-
| ''Toolbar''.Pressed.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les boutons enfoncés
|-
| ''Toolbar''.Pressed.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les boutons enfoncés
|}

=====''Menu Bar:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Normal Color for Menu Item Text''
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Disable Color for Menu Item Text''
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| ''Menu Border Color Not Implemented ''
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
''Menu Seperator Style Not Implemented [#_Global_Style_Flags See Appendix: Global Style Flags]''
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item Text''
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Hovered Menu Item border''
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| ''Hovered Menu Item Background Gradient Start Color''
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| ''Hovered Menu Item Background Gradient End Color''
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu ItemNot Implemented ''
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| ''Same as Above, for Check box of Menu Item Not Implemented ''
|}

=====Barre des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Normal.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte des éléments du menu normal
|-
| Menu.Disable.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Couleur du texte de l'élément du menu désactivé
|-
| Menu.Border<nowiki>=</nowiki><nowiki>#999999</nowiki>
| Couleur de la bordure du menu Non implémenté 
|-
| Menu.Separator.Style<nowiki>=</nowiki>Solid
|
Style du séparateur du menu Non implémenté [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| Menu.Hover.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Texte de l'élément du menu flottant
|-
| Menu.Hover.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Bordure de l'élément du menu flottant
|-
| Menu.Hover.Start<nowiki>=</nowiki><nowiki>#C9E0FA</nowiki>
| Couleur de fond de début du dégradé de l'élément du menu flottant
|-
| Menu.Hover.End<nowiki>=</nowiki><nowiki>#83B8F3</nowiki>
| Couleur de fond de la fin du dégradé de l'élément du menu flottant
|-
| Menu.Checked.Text<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Border<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.Start<nowiki>=</nowiki><nowiki>#E9DCD0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|-
| Menu.Checked.End<nowiki>=</nowiki><nowiki>#A3A0A0</nowiki>
| Comme ci-dessus, pour les cases à cocher des élément du menu Non implémenté 
|}

=====''Tabs:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| ''The object for Tab Bar Tabs''
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| ''The object for Sidebar Tabs''
|}

=====Onglets :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #000066; font-weight: bold;" | Tab
| L'object pour les onglets de la barre d'onglets
|-
| style="color: #000066; font-weight: bold;" | SidebarTab
| L'object pour les onglets de la barre latérale
|}

''All the objects listed above can have the following attributes:''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Normal Tab Text Color''
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| ''Hovered Tab Text Color''
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| ''Active Tab Text Color''
|}

Tous les objects listés ci-dessus peuvent avoir les attributs suivants :

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet normal
|-
| Tab.Hover.Text<nowiki>=</nowiki>$COLOR_HOTLIGHT
| Couleur du texte de l'onglet flottant
|-
| Tab.Active.Text<nowiki>=</nowiki>$COLOR_BTNTEXT
| Couleur du texte de l'onglet actif
|}

====''[Backgrounds] Section''====
''This section contains background settings for toolbars. Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.''

====Section [Backgrounds]====
Cette section contient les réglages de l'arrière plan de la barre d'outils. Les réglages de l'arrière plan pour la barre d'onglet et la barre latérale sont placé dans leur propre section '''[TabBar]''' et '''[Sidebar]'''.

=====''Main Panel:''=====
''The Main Panel is the background panel of all docked toolbars. You can see it when the docked toolbar's background is set to Transparent.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
''The background for main panel. Value can be: GFill, Image, 3Image. Becuase it's the last layer of background, Transparent style is not allowed. [#_Global_Style_Flags See Appendix: Global Style Flags]''
|}

=====Panneau principal :=====
Le panneau principal est le panneau d'arrière plan de toutes les barres d'outils attachées. Vous pouvez le voir lorsque l'arrière plan des barres d'outils attachées est réglé à Transparent.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| MainPanel.Style<nowiki>=</nowiki>GFill
| colspan="2" |
L'arrière plan du panneau principal. La valeur peut être : GFill, Image, 3Image. Parce que c'est la dernière couche de l'arrière plan, le style Transparent n'est pas permis. [#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}

''Below is an example of 3Image style main panel:''

''<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>''

Vous trouverez ci-dessous un exemple du panneau principal de style 3Image :

<div style="codeblock">MainPanel.Style<nowiki>=</nowiki>3Image Background.Image<nowiki>=</nowiki>control\mainframe.png Background.Image.StartOffset<nowiki>=</nowiki>16 Background.Image.EndOffset<nowiki>=</nowiki>16 Background.Image.Stretch<nowiki>=</nowiki>1</div>

=====''Toolbar Backgrounds:''=====
''All toolbars listed below can have .Style settings: Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| ''The background of Caption Toolbar in '''Custom Window Frame''' mode Not Implemented ''
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| ''Menu Bar Background''
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| ''The background for toolbars (Docked)''
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| ''The background for Floating Toolbars (Undocked)''
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| ''The background for Favorites Bars (Optional) Default use same settings as Toolbar''
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| ''The background for Web Page Toolbar (Optional) Default use same settings as Toolbar''
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| ''The background for Status Bar''
|}

=====Arrière plan de la barre d'outils :=====
Toutes les barres d'outils listées ci-dessous peuvent avoir les réglages .Style : Transparent, GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| CaptionBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la légende de la barre d'outils dans le mode '''Frames de la fenêtre personnalisées''' Non implémenté 
|-
| MenuBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan de la barre des menus
|-
| ToolBar.Style<nowiki>=</nowiki>Transparent
| L'arrière plan pour les barres d'outils normales (Attachés)
|-
| FloatBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour les barres d'outils flottantes (Détachés)
|-
| FavBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des Favoris (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| WebBar.Style<nowiki>=</nowiki>GFill
| L'arrière plan pour la barre des pages Web (Optionnel) Utilise par défaut le même réglage que la Barre d'outils
|-
| StatusBar.Style<nowiki>=</nowiki>3Image
| L'arrière plan pour la barre d'état
|}

=====''Menu Background:''=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| ''Menu Background, can not be Transparent''
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| ''Menu Strip. Only GFill is allowed. Default is Transparent. Not Implemented ''
|}

=====Arrière plan des menus :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Menu.Style<nowiki>=</nowiki>GFill
| L'arrière plan des menus, ne peut pas être Transparent
|-
| MenuStrip.Style<nowiki>=</nowiki>GFill
| Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté 
|}

====''[TabBar] Section''====
''This section contains settings for the Tab Bar.''

''For Text Color settings please refer to the '''[Colors]''' section. For control button image settings, please refer to the '''[Icons]''' section.''

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| ''Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented ''
|}

====Section [TabBar]====
Cette section contient les réglages pour la barre d'outils.

Pour le réglage de la couleur du texte reportez-vous à la section '''[Colors]'''. Pour les réglages de l'image du bouton de contrôle, reportez-vous à la section '''[Icons]'''.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Les valeurs valides sont : System – Thême Windows standard avec support du style visuel Custom – Thême entièrement personnalisable Button – Thême de style bouton Non implémenté Flat - Thême d'onglet plat Non implémenté VS2003 - Thême VisualStudio 2003 Non implémenté Office2003 – Thême Office 2003 Non implémenté 
|}

''Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.''

''Figure: Build-in Tab Styles ''

[[Image:tabstyle.png]]

Les couleurs des styles d'onglets intégrés sont calculées sur les couleurs système. Les réglages pour personnaliser ces couleurs doivent être ajoutés dans les versions futures.

''Figure : Styles d'onglets intégrés ''

[[Image:tabstyle.png]]

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Hover.Image<nowiki>=</nowiki>control\tab_hover.png
| Hovered Tab background
|-
| Tab.Unread.Image<nowiki>=</nowiki>control\tab_unread.png
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

Below figure will explain the relationships of the settings:

''Figure: Custom Tab ''

[[Image:tab.png]]

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Tab Bar is placed on bottom. Not Implemented 
|-
| Background.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| InactiveBackground.Style<nowiki>=</nowiki>Image
|
The background for Tab Bar in inactive mode (Split View) . Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

=====Other Tab Bar UI Elements:=====
Settings listed below should also be set no matter if TabStyle<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabProgress.Style<nowiki>=</nowiki>Animation
| Progress Indicator on Tab, can be: Animation - Loop Animate a series of images Progress - Display a series of images as progress bar None - Don't display progress on tab
|-
| TabProgress.Image<nowiki>=</nowiki>control\tab_progress.png
| Progress Image
|-
| TabProgress.Image.FrameWidth<nowiki>=</nowiki>16
| Progress images width, used to slice the image into frames
|-
| TabProgress.HideIcon<nowiki>=</nowiki>1
| Hide the website icon behind the progress image
|-
| TabProgress.Offset<nowiki>=</nowiki>6 8
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]). Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
|-
| TabClose<nowiki>=</nowiki>control/16_tab_close.png
| Close button placed on the right of current tab, the button’s size is the same as your image’s
|-
| TabClose.Offset<nowiki>=</nowiki>-4 6
| Close button’s offset, used for fine tune. Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
|}

====[Sidebar] Section====
This section contains settings for the Sidebar Bar.

=====Sidebar Tabs:=====
For Tab Text Color settings please refer to the '''[Colors]''' section.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| TabStyle<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Button – Button Style Theme Not Implemented Flat - Flat Tab Theme Not Implemented VS2003 - VisualStudio 2003 Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Tab Style:=====
The following settings only take effect when TabStyle<nowiki>=</nowiki>Custom. These settings are just like the ones in '''[TabBar]''' Section, but only Tab.Normal and Tab.Active states are available. These settings are rotated 90 degrees counter-clockwise.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Tab.Normal.Image<nowiki>=</nowiki>control\tab_inactive.png
| Normal Tab background
|-
| Tab.Active.Image<nowiki>=</nowiki>control\tab_active.png
| Active Tab background
|-
| Tab.Normal.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.EndOffset<nowiki>=</nowiki>10
| End Offset for 3Image Slice of Normal Tab background, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Image.Stretch<nowiki>=</nowiki>1
| Stretch Flag of middle part of Normal Tab background slices, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.StartOut<nowiki>=</nowiki>-4
| Normal Tab background box start position, set positive value to collapse tab borders, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.EndOut<nowiki>=</nowiki>-8
| Normal Tab background box end position, shared by Tab.Hover and Tab.Unread
|-
| Tab.Normal.Padding<nowiki>=</nowiki>0 0 0 0
| Normal Tab inner content padding, shared by Tab.Hover and Tab.Unread. The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| Tab.Active.Image.StartOffset<nowiki>=</nowiki>12
| Start Offset for 3Image Slice of Active Tab background
|-
| Tab.Active.Image.EndOffset<nowiki>=</nowiki>10
| Active End Offset for 3Image Slice
|-
| Tab.Active.Image.Stretch<nowiki>=</nowiki>1
| Active Stretch Flag
|-
| Tab.Active.StartOut<nowiki>=</nowiki>-4
| Active Tab background box start position, set negative value to collapse tab borders
|-
| Tab.Active.EndOut<nowiki>=</nowiki>-8
| Active Tab background box end position
|-
| Tab.Active.Padding<nowiki>=</nowiki>0 0 0 0
| Active Tab inner content padding The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|}

=====Other Settings for Sidebar Tabs :=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| FlipSettings<nowiki>=</nowiki>1
| Whether flip the tab and background settings when Side Bar is placed on right. Not Implemented 
|-
| TabBackground.Style<nowiki>=</nowiki>GFill
|
The background for Sidebar Tabs. Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| TitleBackground.Style<nowiki>=</nowiki>Image
|
The background of Sidebar Title. Not Implemented Value can be: GFill, Image, 3Image [#_Global_Style_Flags See Appendix: Global Style Flags]
|}

====[ComboBox] Section====
This section contains settings for Combo Box.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme Office2000 – Office 2000 Theme Not Implemented OfficeXP - Office XP Theme Not Implemented Office2003 – Office 2003 Theme Not Implemented 
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Background.Normal.Image<nowiki>=</nowiki>control\combo.png
| Normal Background of the whole combo box, always 3Image style
|-
| Background.Hover.Image<nowiki>=</nowiki>control\combo_hover.png
| Hovered Background of the whole combo box, always 3Image style
|-
| Thumb.Normal.Image<nowiki>=</nowiki>control\combo_dropdown.png
| Normal Tumb Button of combo box, aligned to top right corner
|-
| Thumb.Hover.Image<nowiki>=</nowiki>control\combo_dropdown_hover.png
| Hovered Tumb Button of combo box, aligned to top right corner
|}

====[Progress] Section====
This section contains settings for Progress Bar.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| Style<nowiki>=</nowiki>Custom
| Valid values are: System – Standard Windows Theme with Visual Style support Custom – Fully Customized Theme
|}

=====Custom Style:=====
The following settings only take effect when Style<nowiki>=</nowiki>Custom.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ShowText<nowiki>=</nowiki>1
| Show Percent Text on progress bar
|-
| TextColor<nowiki>=</nowiki><nowiki>#000000</nowiki>
| Percent Text color (No Invert effect) Not Implemented 
|-
| Foreground.Style<nowiki>=</nowiki>3Image
| Foreground of the progress bar
|-
| Background.Style<nowiki>=</nowiki>3Image
| Background of the progress bar
|}

==Appendix==

===Global Style Flags===
These flags are use to determine which style pattern will be applied to specific element.

Note: Not all elements support these flags.

=====Currently supported fill style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>Transparent
| colspan="3" | Set the background of specific element to be transparent
|-
| rowspan="4" | ''object''.Style<nowiki>=</nowiki>GFill
| colspan="3" | Set the background of specific element to be linear gradient fill
|-
| ''object''.Fill.ColorStart<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The start color of gradient
|-
| ''object''.Fill.ColorEnd<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| colspan="2" | The end color of gradient, set same value as .StartColor to make a solid fill)
|-
| ''object''.Fill.Angle<nowiki>=</nowiki>90
| colspan="2" | The angle of gradient( or 90), default is 90
|-
| rowspan="3" | ''object''.Style<nowiki>=</nowiki>Image
| colspan="3" | Set the background of specific element to be an image
|-
| colspan="2" | ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| The image used for background
|-
| colspan="2" | ''object''.Image.Stretch<nowiki>=</nowiki>1
| Stretch(1) or Tile() the image, default is Stretch
|-
| rowspan="5" | ''object''.Style<nowiki>=</nowiki>3Image
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
|-
| ''object''.Image<nowiki>=</nowiki>toolbar/home.png
| colspan="2" | The image used for slicing
|-
| ''object''.Image.StartOffset<nowiki>=</nowiki>2
| colspan="2" | The left slicing width, in '''Pixel'''
|-
| ''object''.Image.EndOffset<nowiki>=</nowiki>8
| colspan="2" | The right slicing width, in '''Pixel'''
|-
| ''object''.Image.Stretch<nowiki>=</nowiki>1
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
|}

=====Currently supported line style flags are listed below:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| ''object''.Style<nowiki>=</nowiki>None
| colspan="2" | Don’t draw the line
|-
| rowspan="6" | ''object''.Style<nowiki>=</nowiki>Line
| colspan="2" | Draw a solid line
|-
| ''object''.Line.Width<nowiki>=</nowiki>2
| Line Width, in '''Pixel'''
|-
| ''object''.Line.Gap<nowiki>=</nowiki>2
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
|-
| ''object''.Line.Percent<nowiki>=</nowiki>80
| Percent of toolbar height or menu width the line should cover
|-
| ''object''.Line.Color<nowiki>=</nowiki><nowiki>#CCCCCC</nowiki>
| Line Color
|-
| ''object''.Line.ShadowColor<nowiki>=</nowiki><nowiki>#FFFFFF</nowiki>
| Draw a shadow line with specified color if given
|}

===Supported System Color Names===
Below is a list of supported system color names.

{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| style="color: #660066;" | $COLOR_3DDKSHADOW
| Dark shadow for 3D display elements.
|-
| style="color: #660066;" | $COLOR_3DFACE
| Face color for 3D display elements and for dialog box backgrounds.
|-
| style="color: #660066;" | $COLOR_3DHIGHLIGHT
| Highlight color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DLIGHT
| Light color for 3D display elements (for edges facing the light source.)
|-
| style="color: #660066;" | $COLOR_3DSHADOW
| Shadow color for 3D display elements (for edges facing away from the light source).
|-
| style="color: #660066;" | $COLOR_ACTIVEBORDER
| Active window border.
|-
| style="color: #660066;" | $COLOR_ACTIVECAPTION
| Active window title bar.
|-
| style="color: #660066;" | $COLOR_APPWORKSPACE
| Background color of multiple document interface (MDI) applications.
|-
| style="color: #660066;" | $COLOR_BTNTEXT
| Text on push buttons.
|-
| style="color: #660066;" | $COLOR_CAPTIONTEXT
| Text in caption, size box, and scroll bar arrow box.
|-
| style="color: #660066;" | $COLOR_DESKTOP
| Desktop background color.
|-
| style="color: #660066;" | $COLOR_GRAYTEXT
| Grayed (disabled) text.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHT
| Background of selected itemin a control.
|-
| style="color: #660066;" | $COLOR_HIGHLIGHTTEXT
| Text of item selected in a control.
|-
| style="color: #660066;" | $COLOR_HOTLIGHT
| Color for a hot-tracked item.
|-
| style="color: #660066;" | $COLOR_INACTIVEBORDER
| Inactive window border.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTION
| Inactive window caption.
|-
| style="color: #660066;" | $COLOR_INACTIVECAPTIONTEXT
| Color of text in an inactive caption.
|-
| style="color: #660066;" | $COLOR_INFOBK
| Background color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_INFOTEXT
| Text color for tooltip controls.
|-
| style="color: #660066;" | $COLOR_MENU
| Menu background.
|-
| style="color: #660066;" | $COLOR_MENUTEXT
| Text in menus.
|-
| style="color: #660066;" | $COLOR_SCROLLBAR
| Scroll bar gray area.
|-
| style="color: #660066;" | $COLOR_WINDOW
| Window background.
|-
| style="color: #660066;" | $COLOR_WINDOWFRAME
| Window frame.
|-
| style="color: #660066;" | $COLOR_WINDOWTEXT
| Text in windows.
|}

<center>[[Base de connaissances de Maxthon 2.0]]</center>