« Les Skins de Maxthon v2.0 » : différence entre les versions

De Wiki Francophone de Maxthon
← Modification précédente
Ldfa (discussion | contributions)
Admin, Serveur TMN, Bureaucrates, Administrateurs
2 591 modifications
Aucun résumé des modifications
 
(47 versions intermédiaires par 12 utilisateurs non affichées)
Ligne 2 : Ligne 2 :




==Overview==
==Vue d'ensemble==
Maxthon Browser's new skin package consists of multiple image files and a text file.
Le nouveau système de Skin de Maxthon est constitué de plusieurs fichiers image et d'un fichier texte.


From version 2.0, we use PNG files with complete transparence support for toolbar & other interface elements images.
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.


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.
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: Please save the INI file in Unicode(UTF-8) encoding.
Note : Sauvegardez le fichier INI au format Unicode(UTF-8).




==Requirement of Images==
==Exigences des images==
We recommend authors of skins use PNG format as their image format.
Nous recommendons aux auteurs de Skins d'utiliser le format PNG comme format d'image.


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
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==
==Conventions utilisées dans ce document==
'''Keyword'''<nowiki>: Keywords are setting names and its properties. Case-insensive. </nowiki><br /> e.g. <span class="keyword">Version</span> or <span class="keyword">version</span>
'''Mot-clé'''<nowiki>: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse. </nowiki><br /> ex. <span style="color: #000066; font-weight: bold;">Version</span> ou <span style="color: #000066; font-weight: bold;">version</span>


'''Flag'''<nowiki>: Flags are predefined alias for certain values. Case-sensive.</nowiki><br /> e.g. <span class="flag">System</span>
'''Drapeau'''<nowiki>: Les drapeaux sont des alias prédéfinis pour certaines valeurs. Sensible à la casse.</nowiki><br /> ex. <span style="color: #990000;">System</span>


'''String'''<nowiki>: The most common value type.</nowiki><br /> e.g. <span class="string">This is a String</span>
'''Chaîne'''<nowiki>: Le type de valeur le plus commun.</nowiki><br /> ex. <span style="color: #0000FF;">Ceci est une chaîne</span>


'''Number'''<nowiki>: All number used in skin definition file is integer.</nowiki><br /> e.g. <span class="number">32</span> and <span class="number">16</span>
'''Nombre'''<nowiki>: Tous les nombres utilisés dans le fichier de définition du Skin sont des entiers.</nowiki><br /> ex. <span style="color: #FF6600;">32</span> et <span style="color: #FF6600;">16</span>


'''Boolean'''<nowiki>: Presents by number 1 (True) and 0 (False). </nowiki><br /> e.g. <span class="bool">1</span> and
'''Booléen'''<nowiki>: Représenté par un nombre 1 (Vrai) et 0 (Faux). </nowiki><br /> ex. <span style="color: #CC0000;font-weight: bold;">0</span> et <span style="color: #CC0000;font-weight: bold;">1</span>


'''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]).<br /> e.g. <span class="color"><nowiki>#FEFEFE</nowiki></span> or <span class="color">255,210,76</span> or <span class="color">$COLOR_HIGHLIGHTTEXT</span>
'''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]).<br /> ex. <span style="color: #660066;"><nowiki>#FEFEFE</nowiki></span> ou <span style="color: #660066;">255,210,76</span> ou <span style="color: #660066;">$COLOR_HIGHLIGHTTEXT</span>




==Skin INI File Structure==
==Structure du fichier INI d'un Skin==
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.
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: If you want to use characters other than ASCII, please save the INI file in Unicode(UTF-8) format.
Note : Si vous souhaitez utiliser des caractères auttres que ASCII, sauvegardez le fichier INI au format Unicode(UTF-8).


Below is the detailed description of all skin INI elements.
Vous trouverez ci-dessous la description détaillée des tous les éléments du fichier INI d'un Skin.




====[General] Section====
====Section [General]====
This section is used as a summary description for your skin.
Cette section est utilisée comme une description sommaire de votre Skin.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Name</span><nowiki>=</nowiki><span class="string">Maxthon Default</span>
| <span style="color: #000066; font-weight: bold;">Name</span><nowiki>=</nowiki><span style="color: #0000FF;">Maxthon Default</span>
| The name of your skin
| Le nom de votre Skin
|-
|-
| <span class="keyword">Version</span><nowiki>=</nowiki><span class="string">1.0.1</span>
| <span style="color: #000066; font-weight: bold;">Version</span><nowiki>=</nowiki><span style="color: #0000FF;">1.0.1</span>
| Version number of your skin, used for checking updates<br /> The format is #.#.# where # is an integer from 0-9
| Le numéro de version de votre Skin, utilisé pour tester les mises à jour<br /> Le format est #.#.# où # est un entier entre 0-9
|-
|-
| <span class="keyword">Style</span><nowiki>=</nowiki><span class="string">Large Icon</span>
| <span style="color: #000066; font-weight: bold;">Style</span><nowiki>=</nowiki><span style="color: #0000FF;">Large Icon</span>
| Sub Style of your skin, used for multiple skin INI files <span class="optional">(Optional) </span>
| Sous style de votre Skin, utilisé pour des fichiers INI multiples <span style="optional">(Optionnel) </span>
|}
|}


{| cellspacing="1" cellpadding="5"
 
| <span class="keyword">Author</span><nowiki>=</nowiki><span class="string">SiC</span>
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| The author name of this skin <span class="optional">(Optional) </span>
| <span style="color: #000066; font-weight: bold;">Author</span><nowiki>=</nowiki><span style="color: #0000FF;">SiC</span>
| Le nom de l'auteur de ce Skin <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Email</span><nowiki>=</nowiki><span class="string">null@null.com</span>
| <span style="color: #000066; font-weight: bold;">Email</span><nowiki>=</nowiki><span style="color: #0000FF;">null@null.com</span>
| Author's email address <span class="optional">(Optional) </span>
| L'adresse email de l'auteur <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Website</span><nowiki>=</nowiki><span class="string">http://www.null.com/</span>
| <span style="color: #000066; font-weight: bold;">Website</span><nowiki>=</nowiki><span style="color: #0000FF;">http://www.null.com/</span>
| Author's website regarding this skin <span class="optional">(Optional) </span>
| Le site Web de l'auteur de ce Skin <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">UpdateURL</span><nowiki>=</nowiki><span class="string">http://www.null.com/skin/</span>
| <span style="color: #000066; font-weight: bold;">UpdateURL</span><nowiki>=</nowiki><span style="color: #0000FF;">http://www.null.com/skin/</span>
| Update URL for this skin <span class="optional">(Optional) </span>
| L'adresse URL pour la mise à jour de ce Skin <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">License</span><nowiki>=</nowiki><span class="string">GPL</span>
| <span style="color: #000066; font-weight: bold;">License</span><nowiki>=</nowiki><span style="color: #0000FF;">GPL</span>
| License information of this skin <span class="optional">(Optional) </span>
| Information sur la licence de ce Skin <span style="optional">(Optionnel) </span>
|}
|}


====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"
| <span style="color: #000066; font-weight: bold;">BaseTheme</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>
| colspan="2" | Le thème de base de votre Skin. Les valeurs valides sont :<br /><span style="color: #990000;">System</span> – Thème standard de Windows avec le support de style visuel<br /><span style="color: #990000;">Custom</span> – Thème entièrement personnalisable<br /><span style="color: #990000;">Office2000</span> – Thème Office 2000<br /><span style="color: #990000;">OfficeXP</span> - Thème Office XP<br /><span style="color: #990000;">Office2003</span> – Thème Office 2003<br /><br /> Si vous utilisez un <span style="color: #000066; font-weight: bold;">BaseTheme</span> différent de <span style="color: #990000;">Custom</span>, seul les icônes et quelques parties spéciales des réglages du Skin seront affectées.
|}


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


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">BaseTheme</span><nowiki>=</nowiki><span class="flag">Custom</span>
| <span style="color: #000066; font-weight: bold;">DefaultIconSize</span><nowiki>=</nowiki><span style="color: #FF6600;">24 24</span>
| colspan="2" | The base theme of your skin. Valid values are:<br /><span class="flag">System</span> – Standard Windows Theme with Visual Style support<br /><span class="flag">Custom</span> – Fully Customized Theme<br /><span class="flag">Office2000</span> – Office 2000 Theme<br /><span class="flag">OfficeXP</span> - Office XP Theme<br /><span class="flag">Office2003</span> – Office 2003 Theme <br /><br /> If you use a <span class="keyword">BaseTheme</span> other than <span class="flag">Custom</span>, only the Icons and some special part of the skin settings will take effects.
| La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.
|}
|}


{| cellspacing="1" cellpadding="5"
| <span class="keyword">DefaultIconSize</span><nowiki>=</nowiki><span class="number">24 24</span>
| The default size for toolbar images, used on some special occusions.
|}


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">CustomFrame</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">CustomFrame</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| colspan="2" | Enable Custom Frame Style in '''No ''''''Window Frame''' Mode.<br /> This Setting only have effect when <span class="keyword">BaseTheme</span><nowiki>=</nowiki><span class="flag">Custom</span>.
| colspan="2" | Active le style de frame personnalisable dans le mode '''No ''''''Window Frame'''.<br /> Ce réglage n'a qu'un effet lorsque <span style="color: #000066; font-weight: bold;">BaseTheme</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>.
|-
|-
| <span class="keyword">CustomFrame.Width</span><nowiki>=</nowiki><span class="number">3</span>
| <span style="color: #000066; font-weight: bold;">CustomFrame.Width</span><nowiki>=</nowiki><span style="color: #FF6600;">3</span>
| colspan="2" | The width of main windows frame
| colspan="2" | La largeur de la fenêtre de la frame principale
|-
|-
| rowspan="2" | <span class="keyword">CustomFrame.Style</span><nowiki>=</nowiki><span class="flag">Image</span>
| rowspan="2" | <span style="color: #000066; font-weight: bold;">CustomFrame.Style</span><nowiki>=</nowiki><span style="color: #990000;">Image</span>
| colspan="2" | The style of frame, it can be: <span class="flag">GFill</span>, <span class="flag">Image</span> (<span class="flag">3Image</span> is not available for this Property) <br /> When set to <span class="flag">Image</span>, besides the <span class="keyword">CustomFrame</span><span class="keyword">.Image</span> Property, the following extra property must be set:
| colspan="2" | Le style de la frame, peut être : <span style="color: #990000;">GFill</span>, <span style="color: #990000;">Image</span> (<span style="color: #990000;">3Image</span> n'est pas disponible pour cette propriété) <br /> Lorsque que <span style="color: #990000;">Image</span> est définie, derrière la propriété <span style="color: #000066; font-weight: bold;">CustomFrame</span><span style="color: #000066; font-weight: bold;">.Image</span>, l'extension de la propriété suivante doit être définie :
|-
|-
| <span class="keyword">CustomFrame.CornerSize</span><nowiki>=</nowiki><span class="number">6</span>
| <span style="color: #000066; font-weight: bold;">CustomFrame.CornerSize</span><nowiki>=</nowiki><span style="color: #FF6600;">6</span>
| The Width and Height of corner image slice size, both share the same value, in '''Pixel'''.<br /> Default is .
| La largeur et la hauteur de la taille de coupe du coin de l'image, les deux partagent la même valeur, en '''Pixel'''.<br /> La valeur par défaut est .
|-
|-
| <span class="keyword">CustomFrame.CornerRadius</span><nowiki>=</nowiki><span class="number">6</span>
| <span style="color: #000066; font-weight: bold;">CustomFrame.CornerRadius</span><nowiki>=</nowiki><span style="color: #FF6600;">6</span>
| colspan="2" | The radius for cutting round corner, in '''Pixel'''.<br /> Default is .
| colspan="2" | Le rayon de courbure du coin de l'image, en '''Pixel'''.<br /> La valeur par défaut est .
|}
|}


(A Example Image should be here)


{| cellspacing="1" cellpadding="5"
(Un exemple d'image devrait se trouver ici)
| <span class="keyword">AnimateLoading</span><nowiki>=</nowiki><span class="string">control/loading.png</span>
 
| colspan="2" | The Loading Animation Icon Image on menus.<br /> Must be a series of '''16x16 pixels images '''.<br /> Default is no icon.
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span style="color: #000066; font-weight: bold;">AnimateLoading</span><nowiki>=</nowiki><span style="color: #0000FF;">control/loading.png</span>
| colspan="2" | L'image de l'icône animée du chargement des menus.<br /> Doit être une série d''''images de 16x16 pixels'''.<br /> La valeur par défaut est : pas d'icône.
|}
|}


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


====[Icons] Section====
Toutes les largeurs et les hauteurs des images peuvent être différentes. Maxthon utilisera la taille actuelle des fichiers images pour l'affichage.
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.
Il y a plusieurs extension de propriétés qui peuvent être définies pour chaque icône :


There are several extra properties that can be set for indivual icons:
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
 
| <span style="color: #000066; font-weight: bold;">.Hover</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/hover/back.png</span>
{| cellspacing="1" cellpadding="5"
| 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é.
| <span class="keyword">.Hover</span><nowiki>=</nowiki><span class="string">toolbar/hover/back.png</span>
| Hover Image for Icon. If set, the normal toolbar button hover background box will not be drawn.
|-
|-
| <span class="keyword">.Disable</span><nowiki>=</nowiki><span class="string">toolbar/disable/back.png</span>
| <span style="color: #000066; font-weight: bold;">.Disable</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/disable/back.png</span>
| Disabled image for icon. Only have effect on icon which has a disabled state.
| Image pour l'icône désactivé. N'a un effet que sur les icônes qui ont un état désactivé.
|-
|-
| <span class="keyword">.Offset</span><nowiki>=</nowiki><span class="number">0 8</span>
| <span style="color: #000066; font-weight: bold;">.Offset</span><nowiki>=</nowiki><span style="color: #FF6600;">0 8</span>
| Set an icon’s offset regarding to the normal toolbar item box.<br /> The value format is '''XOffset YOffset''' , relative to '''Top Left''' corner.
| Défini un excentrage de l'îcone par rapport à l'élément de la barre d'outils normale.<br /> Le format de la valeur est '''XOffset YOffset''' , relatif au coin '''en haut à gauche'''.
|-
|-
| <span class="keyword">.Padding</span><nowiki>=</nowiki><span class="number">2 2 2 2</span>
| <span style="color: #000066; font-weight: bold;">.Padding</span><nowiki>=</nowiki><span style="color: #FF6600;">2 2 2 2</span>
| Set Padding of button image.<br />'''Image Size'''+'''Padding Area Size'''<nowiki>=</nowiki>'''Final Button Size'''<br /> The value format is '''Top Right Bottom Left''', just like CSS.
| Défini le remplissage autour de l'image du bouton.<br />'''La taille de l'image'''+'''la taille de l'aire du remplissage'''<nowiki>=</nowiki>'''Taille du bouton final'''<br /> Le format de la valeur est '''Haut droite bas gauche''', comme les CSS.
|}
|}




=====Common icons:=====
=====Icônes communes :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Back</span><nowiki>=</nowiki><span class="string">toolbar/32_back.png</span>
| <span style="color: #000066; font-weight: bold;">Back</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_back.png</span>
| Navigation > Back
| Navigation > Précédent
|-
|-
| <span class="keyword">Forward</span><nowiki>=</nowiki><span class="string">toolbar/32_forward.png</span>
| <span style="color: #000066; font-weight: bold;">Forward</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_forward.png</span>
| Navigation > Forward
| Navigation > Suivant
|-
|-
| <span class="keyword">HistoryMenu</span><nowiki>=</nowiki><span class="string">toolbar\18_history.png</span>
| <span style="color: #000066; font-weight: bold;">HistoryMenu</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar\18_history.png</span>
| Navigation > History Menu <br /> This is a special icon used to show a History Drop Down Menu for Back/Forward.<br /> Generally, it has a smaller size to save screen space.
| Navigation > Menu historique <br /> C'est une icône spéciale utilisée pour afficher le menu déroulant de l'historique pour Précédent/Suivant.<br /> Générallement, elle est de plus petite taille pour économiser de l'espace.
|-
|-
| <span class="keyword">Refresh</span><nowiki>=</nowiki><span class="string">toolbar/32_refresh.png</span>
| <span style="color: #000066; font-weight: bold;">Refresh</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_refresh.png</span>
| Navigation > Refresh
| Navigation > Actualiser
|-
|-
| <span class="keyword">Stop</span><nowiki>=</nowiki><span class="string">toolbar/32_stop.png</span>
| <span style="color: #000066; font-weight: bold;">Stop</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_stop.png</span>
| Navigation > Stop
| Navigation > Arrêter
|-
|-
| <span class="keyword">Home</span><nowiki>=</nowiki><span class="string">toolbar/32_home.png</span>
| <span style="color: #000066; font-weight: bold;">Home</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_home.png</span>
| Navigation > Home
| Navigation > Accueil
|-
|-
| <span class="keyword">New</span><nowiki>=</nowiki><span class="string">toolbar/32_new.png</span>
| <span style="color: #000066; font-weight: bold;">New</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_new.png</span>
| Navigation > New Tab
| Navigation > Nouvel onglet
|-
|-
| <span class="keyword">Undo</span><nowiki>=</nowiki><span class="string">toolbar/32_undo.png</span>
| <span style="color: #000066; font-weight: bold;">Undo</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_undo.png</span>
| Navigation > Undo Close Page
| Navigation > Annuler Fermer Page
|-
|-
| <span class="keyword">Favorites</span><nowiki>=</nowiki><span class="string">toolbar/32_favorites.png</span>
| <span style="color: #000066; font-weight: bold;">Favorites</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_favorites.png</span>
| View > Sidebar > Favorites<br /> Also the Add/Edit Favorites Window
| Affichage > Barre latérale > Favoris<br /> Aussi la fenêtre des Favoris Ajouter/Supprimer
|-
|-
| <span class="keyword">Feed</span><nowiki>=</nowiki><span class="string">toolbar/32_feed.png</span>
| <span style="color: #000066; font-weight: bold;">Feed</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_feed.png</span>
| View > Sidebar > Feed<br /> Also the Add/Edit Feeds Window
| Affichage > Barre latérale > Flux RSS<br /> Aussi la fenêtre des flux RSS Ajouter/Supprimer
|-
|-
| <span class="keyword">History</span><nowiki>=</nowiki><span class="string">toolbar/32_history.png</span>
| <span style="color: #000066; font-weight: bold;">History</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_history.png</span>
| View > Sidebar > History <span class="optional">(Optional) </span>
| Affichage > Barre latérale > Historique <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Layout</span><nowiki>=</nowiki><span class="string">toolbar/32_layout.png</span>
| <span style="color: #000066; font-weight: bold;">Layout</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_layout.png</span>
| View > Layout<br /> The Interface Layout Switch button (Fullscreen etc.)
| Affichage > Disposition<br /> Le bouton de changement de disposition(Plein écran, etc.)
|-
|-
| <span class="keyword">FontSize</span><nowiki>=</nowiki><span class="string">toolbar/32_fontsize.png</span>
| <span style="color: #000066; font-weight: bold;">FontSize</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_fontsize.png</span>
| View > Font Size <span class="optional">(Optional) </span>
| Affichage > Taille du texte <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Encoding</span><nowiki>=</nowiki><span class="string">toolbar/32_encoding.png</span>
| <span style="color: #000066; font-weight: bold;">Encoding</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_encoding.png</span>
| View > Encoding <span class="optional">(Optional) </span>
| Affichage > Codage <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Zoom</span><nowiki>=</nowiki><span class="string">toolbar/32_page_zoom.png</span>
| <span style="color: #000066; font-weight: bold;">Zoom</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_page_zoom.png</span>
| View > Page Zoom <span class="optional">(Optional) </span>
| Affichage > Zoom <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Proxy</span><nowiki>=</nowiki><span class="string">toolbar/32_proxy.png</span>
| <span style="color: #000066; font-weight: bold;">Proxy</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_proxy.png</span>
| Tools > Proxy
| Outils > Proxy
|-
|-
| <span class="keyword">Tools</span><nowiki>=</nowiki><span class="string">toolbar/32_tools.png</span>
| <span style="color: #000066; font-weight: bold;">Tools</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_tools.png</span>
| Tools > Utilities
| Outils > Utilitaires
|-
|-
| <span class="keyword">Plugins</span><nowiki>=</nowiki><span class="string">toolbar/32_plugins.png</span>
| <span style="color: #000066; font-weight: bold;">Plugins</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_plugins.png</span>
| Tools > Plugins
| Outils > Plugins
|-
|-
| <span class="keyword">Security</span><nowiki>=</nowiki><span class="string">toolbar/32_security.png</span>
| <span style="color: #000066; font-weight: bold;">Security</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_security.png</span>
| Tools > Security <span class="optional">(Optional) </span>
| Outils > Sécurité <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">PageContent</span><nowiki>=</nowiki><span class="string">toolbar/32_page_content.png</span>
| <span style="color: #000066; font-weight: bold;">PageContent</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_page_content.png</span>
| Tools > Page Content Control <span class="optional">(Optional) </span>
| Outils > Contrôle du contenu de la page <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Edit</span><nowiki>=</nowiki><span class="string">toolbar/32_edit.png</span>
| <span style="color: #000066; font-weight: bold;">Edit</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_edit.png</span>
| Tools > Edit Page <span class="optional">(Optional) </span>
| Outils > Editer la page <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Save</span><nowiki>=</nowiki><span class="string">toolbar/32_save.png</span>
| <span style="color: #000066; font-weight: bold;">Save</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_save.png</span>
| File > Save As <span class="optional">(Optional) </span>
| Fichier > Enregistrer sous <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">Options</span><nowiki>=</nowiki><span class="string">toolbar/32_options.png</span>
| <span style="color: #000066; font-weight: bold;">Options</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/32_options.png</span>
| Tools > Maxthon Options <span class="optional">(Optional) </span>
| Outils > Options de Maxthon <span style="optional">(Optionnel) </span>
|}
|}


If you don't want to draw several icons listed above (such as the seldom used icons marked <span class="optional">Optional</span> above), you can set their value to the 16x16 image instead.
Si vous ne voulez pas afficher certaines icônes listées ci-dessus (comme les icône marquées <span style="optional">Optionnel</span> above), vous pouvez définir la valeur de l'image en 16x16.




=====Special Icons:=====
=====Icônes spéciales :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">TabOptions</span><nowiki>=</nowiki><span class="string">control/tab_options.png</span>
| <span style="color: #000066; font-weight: bold;">TabOptions</span><nowiki>=</nowiki><span style="color: #0000FF;">control/tab_options.png</span>
| Tab Bar Button > Tab Bar Options
| Bouton de la barre d'onglet > Options de la barre d'onglets
|-
|-
| <span class="keyword">TabToolbar</span><nowiki>=</nowiki><span class="string">control/tab_toolbar.png</span>
| <span style="color: #000066; font-weight: bold;">TabToolbar</span><nowiki>=</nowiki><span style="color: #0000FF;">control/tab_toolbar.png</span>
| Tab Bar Button > Toggle Web Toolbar
| Bouton de la barre d'onglet > Basculer la barre d'outils Web
|-
|-
| <span class="keyword">TabSidebar</span><nowiki>=</nowiki><span class="string">control/tab_sidebar.png</span>
| <span style="color: #000066; font-weight: bold;">TabSidebar</span><nowiki>=</nowiki><span style="color: #0000FF;">control/tab_sidebar.png</span>
| Tab Bar Button > Toggle Sidebar
| Bouton de la barre d'onglet > Basculer la barre latérale
|-
|-
| <span class="keyword">TabManager</span><nowiki>=</nowiki><span class="string">control/tab_manager.png</span>
| <span style="color: #000066; font-weight: bold;">TabManager</span><nowiki>=</nowiki><span style="color: #0000FF;">control/tab_manager.png</span>
| Tab Bar Button > Tab Manager
| Bouton de la barre d'onglet > Gestionnaire des onglets
|-
|-
| <span class="keyword">TabNew</span><nowiki>=</nowiki><span class="string">control/tab_new.png</span>
| <span style="color: #000066; font-weight: bold;">TabNew</span><nowiki>=</nowiki><span style="color: #0000FF;">control/tab_new.png</span>
| Tab Bar Button > New Tab
| Bouton de la barre d'onglet > Nouvel onglet
|}
|}




=====<br /> No Frame Mode Window Control Icons:=====
=====Contrôle des icônes d'une fenêtre sans frame :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">SkinSelect</span><nowiki>=</nowiki><span class="string">control\16_skin_selector.png</span>
| <span style="color: #000066; font-weight: bold;">SkinSelect</span><nowiki>=</nowiki><span style="color: #0000FF;">control\16_skin_selector.png</span>
| Skin Select Button
| Bouton de sélection des Skins
|-
|-
| <span class="keyword">MenuMinimize</span><nowiki>=</nowiki><span class="string">control\16_minimize.png</span>
| <span style="color: #000066; font-weight: bold;">MenuMinimize</span><nowiki>=</nowiki><span style="color: #0000FF;">control\16_minimize.png</span>
| Minimize Window Button
| Bouton de réduction de la fenêtre
|-
|-
| <span class="keyword">MenuMaximum</span><nowiki>=</nowiki><span class="string">control\16_maximum.png</span>
| <span style="color: #000066; font-weight: bold;">MenuMaximum</span><nowiki>=</nowiki><span style="color: #0000FF;">control\16_maximum.png</span>
| Maximum Window Button
| Bouton d'agrandissement de la fenêtre
|-
|-
| <span class="keyword">MenuRestore</span><nowiki>=</nowiki><span class="string">control\16_restore.png</span>
| <span style="color: #000066; font-weight: bold;">MenuRestore</span><nowiki>=</nowiki><span style="color: #0000FF;">control\16_restore.png</span>
| Restore Window Button
| Bouton de restauration de la fenêtre
|-
|-
| <span class="keyword">MenuClose</span><nowiki>=</nowiki><span class="string">control\16_close.png</span>
| <span style="color: #000066; font-weight: bold;">MenuClose</span><nowiki>=</nowiki><span style="color: #0000FF;">control\16_close.png</span>
| Close Window Button
| Bouton de fermeture de la fenêtre
|}
|}


<br />


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


====[Icon16] Section====
Afin de conserver une présentation constante des petites icônes, l'<span style="color: #000066; font-weight: bold;">.Offset</span> et la propriété <span style="color: #000066; font-weight: bold;">.Padding</span> qui sont décrites dans la section '''[Icons]''' sont désactivés.
Icons in this section is used in different parts of Maxthon Browser interface.<br /> Each icon's size should be '''16x16 pixels''' or it will be stretched.


In order to keep a consistence presentation of small icons, the <span class="keyword">.Offset</span> and <span class="keyword">.Padding</span> properties described in '''[Icons]''' section are disabled.


Hot damn, lokoing pretty useful buddy.


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


=====General Icons:=====
=====Icônes de fonctions :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Page</span><nowiki>=</nowiki><span class="string">toolbar/16_page.png</span>
| <span style="color: #000066; font-weight: bold;">Go</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_go.png</span>
| Default Icon for Page and Links.<br /> (Favorites Manager, Favorites Bar, Favorites Menu, etc.)
| Bouton "Aller" sur la barre d'adresse
|-
|-
| <span class="keyword">AddressBar</span><nowiki>=</nowiki><span class="string">misc/16_page.png</span>
| <span style="color: #000066; font-weight: bold;">UpLevel</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_up_level.png</span>
| Default Page Icon on Address Bar. <span class="optional">(Optional) </span><br /> Default is to use the same icon as <span class="keyword">Page</span>.
| Bouton "vers le haut d'un niveau" sur la barre d'outils
|-
|-
| <span class="keyword">DefaultTabIcon</span><nowiki>=</nowiki><span class="string">misc/16_page.png</span>
| <span style="color: #000066; font-weight: bold;">HotFav</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_hot_fav.png</span>
| Default Page Icon on Tab Bar. <span class="optional">(Optional) </span><br /> Default is to use the same icon as <span class="keyword">Page</span>.
| Bouton du menu déroulant "Favoris préférés" sur la barre des Favoris
|-
|-
| <span class="keyword">Search</span><nowiki>=</nowiki><span class="string">misc/16_search.png</span>
| <span style="color: #000066; font-weight: bold;">Highlight</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_highlight.png</span>
| Search Engine Icon (Search Box DropDown Menu)
| Bouton de "mise en surbrillance" sur la barre de recherche dans la page
|-
|-
| <span class="keyword">SearchBar</span><nowiki>=</nowiki><span class="string">misc/16_search.png</span>
| <span style="color: #000066; font-weight: bold;">Validate</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_validate.png</span>
| Default Search Engine Icon on Search Box. <span class="optional">(Optional) </span><br /> Default is to use the same icon as <span class="keyword">Search</span>.
| Validation (Tester les URL, Tester les Proxy)
|-
|-
| <span class="keyword">FolderOpen</span><nowiki>=</nowiki><span class="string">misc/16_folder_open.png</span>
| <span style="color: #000066; font-weight: bold;">ScriptError</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_script_error.png</span>
| Open Folder
| Indicateur d'erreur de script sur la barre d'état
|-
|-
| <span class="keyword">FolderClose</span><nowiki>=</nowiki><span class="string">misc/16_folder_closed.png</span>
| <span style="color: #000066; font-weight: bold;">Profile</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_profile.png</span>
| Closed Folder
| Profil utilisateur
|-
|-
| <span class="keyword">Group</span><nowiki>=</nowiki><span class="string">misc/16_group.png</span>
| <span style="color: #000066; font-weight: bold;">Collector</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_collector.png</span>
| Favorites Group
| Icône du Post'It sur la barre d'état
|-
|-
| <span class="keyword">FeedChannel</span><nowiki>=</nowiki><span class="string">misc/16_feed_channel.png</span>
| <span style="color: #000066; font-weight: bold;">AdHunter</span><nowiki>=</nowiki><span style="color: #0000FF;">misc/16_adhunter.png</span>
| Feed Channel
| Icône du tueur de pub sur la barre d'état
|-
| <span class="keyword">FeedItem</span><nowiki>=</nowiki><span class="string">misc/16_feed_item.png</span>
| Feed Item
|-
| <span class="keyword">FeedItemEnclosure</span><nowiki>=</nowiki><span class="string">misc/16_feed_item_enclosure.png</span>
| Feed Item with Enclosure
|-
| <span class="keyword">FeedDiscover</span><nowiki>=</nowiki><span class="string">misc/16_feed_discover.png</span>
| Found New Feed icon on Address Bar
|-
| <span class="keyword">Secure</span><nowiki>=</nowiki><span class="string">misc/16_secure.png</span>
| Secure Icon on Address Bar
|-
| <span class="keyword">Insecure</span><nowiki>=</nowiki><span class="string">misc/16_secure.png</span>
| Insecure Icon on Address Bar <span class="note">Not Implemented </span>
|-
| <span class="keyword">Skin</span><nowiki>=</nowiki><span class="string">misc/16_skin.png</span>
| Default Skin Icon
|-
| <span class="keyword">Plugin</span><nowiki>=</nowiki><span class="string">misc/16_plugin.png</span>
| Default Plugin Icon
|}
|}




=====Function Icons:=====
I really nedeed to find this info, thank God!
{| cellspacing="1" cellpadding="5"
| <span class="keyword">Go</span><nowiki>=</nowiki><span class="string">misc/16_go.png</span>
| Go button on Address Bar
|-
| <span class="keyword">UpLevel</span><nowiki>=</nowiki><span class="string">misc/16_up_level.png</span>
| Go Up One Level button on Tab Toolbar
|-
| <span class="keyword">HotFav</span><nowiki>=</nowiki><span class="string">misc/16_hot_fav.png</span>
| Hot Favorites Drop Down Menu Button on Favorites Bar
|-
| <span class="keyword">Highlight</span><nowiki>=</nowiki><span class="string">misc/16_highlight.png</span>
| Highlight Button on Find in Page toolbar
|-
| <span class="keyword">Validate</span><nowiki>=</nowiki><span class="string">misc/16_validate.png</span>
| Validate (Check URL, Check Proxy)
|-
| <span class="keyword">ScriptError</span><nowiki>=</nowiki><span class="string">misc/16_script_error.png</span>
| Script Error Indicator on Status Bar
|-
| <span class="keyword">Profile</span><nowiki>=</nowiki><span class="string">misc/16_profile.png</span>
| User Profile
|-
| <span class="keyword">Collector</span><nowiki>=</nowiki><span class="string">misc/16_collector.png</span>
| Simple Collector Icon on Status Bar
|-
| <span class="keyword">AdHunter</span><nowiki>=</nowiki><span class="string">misc/16_adhunter.png</span>
| Ad Hunter Icon on Status Bar
|}


 
=====Icônes de contrôle :=====
=====Shared Icons:=====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
Icons listed below is used in different part of program, such as dialog toolbars.
| <span style="color: #000066; font-weight: bold;">Caption</span><nowiki>=</nowiki><span style="color: #0000FF;">control\caption_icon.png</span>
 
| Légende de l'icône dans le '''mode fenêtre compacte'''
{| cellspacing="1" cellpadding="5"
| <span class="keyword">_Add</span><nowiki>=</nowiki><span class="string">shared\16_add.png</span>
| Add
|-
|-
| <span class="keyword">_Edit</span><nowiki>=</nowiki><span class="string">shared\16_edit.png</span>
| <span style="color: #000066; font-weight: bold;">CloseToolbar</span><nowiki>=</nowiki><span style="color: #0000FF;">shared\16_close.png</span>
| Edit
| Bouton Fermer sur la barre d'outils
|-
| <span class="keyword">_Delete</span><nowiki>=</nowiki><span class="string">shared\16_delete.png</span>
| Delete
|-
| <span class="keyword">_Save</span><nowiki>=</nowiki><span class="string">shared\16_save.png</span>
| Save
|-
| <span class="keyword">_Refresh</span><nowiki>=</nowiki><span class="string">shared\16_refresh.png</span>
| Refresh
|-
| <span class="keyword">_Options</span><nowiki>=</nowiki><span class="string">shared\16_options.png</span>
| Options
|-
| <span class="keyword">_Search</span><nowiki>=</nowiki><span class="string">shared\16_search.png</span>
| Search
|-
| <span class="keyword">_View</span><nowiki>=</nowiki><span class="string">shared\16_view.png</span>
| View Switch
|-
| <span class="keyword">_Execute</span><nowiki>=</nowiki><span class="string">shared\16_execute.png</span>
| Execute
|-
| <span class="keyword">_InProgress</span><nowiki>=</nowiki><span class="string">shared\16_in_progress.png</span>
| In Progress Indicator
|-
| <span class="keyword">_Stop</span><nowiki>=</nowiki><span class="string">shared\16_stop.png</span>
| Stop
|-
| <span class="keyword">_Question</span><nowiki>=</nowiki><span class="string">shared\16_question.png</span>
| Question Indicator
|-
| <span class="keyword">_dInfo</span><nowiki>=</nowiki><span class="string">shared\16_info.png</span>
| Info Indicator
|-
| <span class="keyword">_Alert</span><nowiki>=</nowiki><span class="string">shared\16_alert.png</span>
| Alert Indicator
|-
| <span class="keyword">_Error</span><nowiki>=</nowiki><span class="string">shared\16_error.png</span>
| Error Indicator
|-
| <span class="keyword">_OK</span><nowiki>=</nowiki><span class="string">shared\16_ok.png</span>
| OK Indicator
|}
|}




=====Control Icons:=====
====Section [Colors]====
{| cellspacing="1" cellpadding="5"
Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.
| <span class="keyword">Caption</span><nowiki>=</nowiki><span class="string">control\caption_icon.png</span>
| Caption Icon in '''Compact Window Frame Mode'''
|-
| <span class="keyword">CloseToolbar</span><nowiki>=</nowiki><span class="string">shared\16_close.png</span>
| Close Button on Toolbar
|}
 
 
====[Colors] Section====
This section defined color styles for buttons on toolbars, menus, panels.
 
 
=====Caption Bar:=====
The following settings only have effects in '''Custom Window Frame''' mode.


{| cellspacing="1" cellpadding="5"
| <span class="keyword">CaptionBar.Normal.Text</span><nowiki>=</nowiki><span class="color">$COLOR_BTNTEXT</span>
| Normal Caption Bar Text Color
|-
| <span class="keyword">CaptionBar.Inactive.Text</span><nowiki>=</nowiki><span class="color">$COLOR_BTNTEXT</span>
| Inactive Caption Bar Text Color
|}


I am totally wowed and prearped to take the next step now.


=====Toolbars:=====
=====Barres d'outils :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">ToolBar</span>
| <span style="color: #000066; font-weight: bold;">ToolBar</span>
| The global object for Normal Toolbars (Docked)
| L'objet global pour les barres d'outils normale (Attachés)
|-
|-
| <span class="keyword">FloatBar</span>
| <span style="color: #000066; font-weight: bold;">FloatBar</span>
| The global object for Floating Toolbars (Undocked)
| L'objet global pour les barres d'outils flottantes (Détachés)
|-
|-
| <span class="keyword">FavBar</span>
| <span style="color: #000066; font-weight: bold;">FavBar</span>
| The object for Favorites Bar, Use Default Style when not set <span class="optional">(Optional) </span>
| L'object pour la barre des Favoris, utilise le style par défaut lorsque non défini <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">WebBar</span>
| <span style="color: #000066; font-weight: bold;">WebBar</span>
| The object for Web Page Toolbar, Use Default Style when not set <span class="optional">(Optional) </span>
| L'object pour la barre des pages Web, utilise le style par défaut lorsque non défini <span style="optional">(Optionnel) </span>
|-
|-
| <span class="keyword">StatusBar</span>
| <span style="color: #000066; font-weight: bold;">StatusBar</span>
| The object for Status Bar, Use Default Style when not set <span class="optional">(Optional) </span>
| L'object pour la barre d'état, utilise le style par défaut lorsque non défini <span style="optional">(Optionnel) </span>
|}
|}


All the objects listed above can have the following attributes:


{| cellspacing="1" cellpadding="5"
Tous les objects listés ci-dessus peuvent avoir les attributs suivants :
| <span class="keyword">''Toolbar''.Normal.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span><br />
 
| Normal Color for Toolbar Text
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Normal.Text</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#000000</nowiki></span><br />
| Couleur normale pour le texte de la barre d'outils
|-
|-
| <span class="keyword">''Toolbar''.Disable.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Disable.Text</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#000000</nowiki></span>
| Disable Color for Toolbar Text
| Couleur désactivée pour le texte de la barre d'outils
|-
|-
| <span class="keyword">''Toolbar''.Gripper.Style</span><nowiki>=</nowiki><span class="flag">Dashed</span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Gripper.Style</span><nowiki>=</nowiki><span style="color: #990000;">Dashed</span>
|
|
Toolbar Gripper Style <span class="note">Not Implemented </span><br />[#_Global_Style_Flags See Appendix: Global Style Flags]
Style des gripper de la barre d'outils <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br />[#_Global_Style_Flags Cf. Appendix : Global Style Flags]
|-
|-
| <span class="keyword">''Toolbar''.Separator.Style</span><nowiki>=</nowiki><span class="flag">Solid</span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Separator.Style</span><nowiki>=</nowiki><span style="color: #990000;">Solid</span>
|
|
Toolbar Separator Style <span class="note">Not Implemented </span><br />[#_Global_Style_Flags See Appendix: Global Style Flags]
Style des séparateur de la barre d'outils <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br />[#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
|-
| <span class="keyword">''Toolbar''.Hover.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Hover.Text</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#000000</nowiki></span>
| Hovered Button Text
| Texte du bouton survolé
|-
|-
| <span class="keyword">''Toolbar''.Hover.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#83B8F3</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Hover.Border</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#83B8F3</nowiki></span>
| Hovered Button border
| Bord du bouton survolé
|-
|-
| <span class="keyword">''Toolbar''.Hover.Start</span><nowiki>=</nowiki><span class="color"><nowiki>#C9E0FA</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Hover.Start</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#C9E0FA</nowiki></span>
| Hovered Button Background Gradient Start Color
| Couleur du début du dégradé du fond du bouton survolé
|-
|-
| <span class="keyword">''Toolbar''.Hover.End</span><nowiki>=</nowiki><span class="color"><nowiki>#83B8F3</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Hover.End</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#83B8F3</nowiki></span>
| Hovered Button Background Gradient End Color
| Couleur de fin du dégradé du fond du bouton survolé
|-
|-
| <span class="keyword">''Toolbar''.Checked.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Checked.Text</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#000000</nowiki></span>
| Same as Above, for Checked Button <span class="note">Not Implemented </span>
| Comme ci-dessus, pour un bouton coché <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">''Toolbar''.Checked.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#83B8F3</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Checked.Border</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#83B8F3</nowiki></span>
| Same as Above, for Checked Button <span class="note">Not Implemented </span>
| Comme ci-dessus, pour un bouton coché <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">''Toolbar''.Checked.Start</span><nowiki>=</nowiki><span class="color"><nowiki>#E9DCD0</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Checked.Start</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#E9DCD0</nowiki></span>
| Same as Above, for Checked Button <span class="note">Not Implemented </span>
| Comme ci-dessus, pour un bouton coché <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">''Toolbar''.Checked.End</span><nowiki>=</nowiki><span class="color"><nowiki>#A3A0A0</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Checked.End</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#A3A0A0</nowiki></span>
| Same as Above, for Checked Button <span class="note">Not Implemented </span>
| Comme ci-dessus, pour un bouton coché <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">''Toolbar''.Pressed.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Pressed.Text</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#000000</nowiki></span>
| Same as Above, for Pressed Button
| Comme ci-dessus, pour un bouton enfoncé
|-
|-
| <span class="keyword">''Toolbar''.Pressed.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#83B8F3</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Pressed.Border</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#83B8F3</nowiki></span>
| Same as Above, for Pressed Button <span class="note">Not Implemented </span>
| Comme ci-dessus, pour un bouton enfoncé<span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">''Toolbar''.Pressed.Start</span><nowiki>=</nowiki><span class="color"><nowiki>#E9DCD0</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Pressed.Start</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#E9DCD0</nowiki></span>
| Same as Above, for Pressed Button
| Comme ci-dessus, pour un bouton enfoncé
|-
|-
| <span class="keyword">''Toolbar''.Pressed.End</span><nowiki>=</nowiki><span class="color"><nowiki>#A3A0A0</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''Toolbar''.Pressed.End</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#A3A0A0</nowiki></span>
| Same as Above, for Pressed Button
| Comme ci-dessus, pour un bouton enfoncé
|}
|}




=====Menu Bar:=====
Articles like this really grease the shafts of konwelgde.
{| cellspacing="1" cellpadding="5"
 
| <span class="keyword">Menu.Normal.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
=====Onglets :=====
| Normal Color for Menu Item Text
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
|-
| style="color: #000066; font-weight: bold;" | Tab
| <span class="keyword">Menu.Disable.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| L'object pour les onglets de la barre d'onglets
| Disable Color for Menu Item Text
|-
| <span class="keyword">Menu.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#999999</nowiki></span>
| Menu Border Color <span class="note">Not Implemented </span>
|-
| <span class="keyword">Menu.Separator.Style</span><nowiki>=</nowiki><span class="flag">Solid</span>
|
Menu Seperator Style <span class="note">Not Implemented </span><br />[#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| <span class="keyword">Menu.Hover.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| Hovered Menu Item Text
|-
| <span class="keyword">Menu.Hover.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| Hovered Menu Item border
|-
| <span class="keyword">Menu.Hover.Start</span><nowiki>=</nowiki><span class="color"><nowiki>#C9E0FA</nowiki></span>
| Hovered Menu Item Background Gradient Start Color
|-
|-
| <span class="keyword">Menu.Hover.End</span><nowiki>=</nowiki><span class="color"><nowiki>#83B8F3</nowiki></span>
| style="color: #000066; font-weight: bold;" | SidebarTab
| Hovered Menu Item Background Gradient End Color
| L'object pour les onglets de la barre latérale
|-
| <span class="keyword">Menu.Checked.Text</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| Same as Above, for Check box of Menu Item<span class="note">Not Implemented </span>
|-
| <span class="keyword">Menu.Checked.Border</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| Same as Above, for Check box of Menu Item <span class="note">Not Implemented </span>
|-
| <span class="keyword">Menu.Checked.Start</span><nowiki>=</nowiki><span class="color"><nowiki>#E9DCD0</nowiki></span>
| Same as Above, for Check box of Menu Item <span class="note">Not Implemented </span>
|-
| <span class="keyword">Menu.Checked.End</span><nowiki>=</nowiki><span class="color"><nowiki>#A3A0A0</nowiki></span>
| Same as Above, for Check box of Menu Item <span class="note">Not Implemented </span>
|}
|}




=====Tabs:=====
Tous les objects listés ci-dessus peuvent avoir les attributs suivants :
{| cellspacing="1" cellpadding="5"
| class="keyword" | Tab
| The object for Tab Bar Tabs
|-
| class="keyword" | SidebarTab
| The object for Sidebar Tabs
|}
 
All the objects listed above can have the following attributes:


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Tab.Normal.Text</span><nowiki>=</nowiki><span class="color">$COLOR_BTNTEXT</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Text</span><nowiki>=</nowiki><span style="color: #660066;">$COLOR_BTNTEXT</span>
| Normal Tab Text Color
| Couleur du texte de l'onglet normal
|-
|-
| <span class="keyword">Tab.Hover.Text</span><nowiki>=</nowiki><span class="color">$COLOR_HOTLIGHT</span>
| <span style="color: #000066; font-weight: bold;">Tab.Hover.Text</span><nowiki>=</nowiki><span style="color: #660066;">$COLOR_HOTLIGHT</span>
| Hovered Tab Text Color
| Couleur du texte de l'onglet survolé
|-
|-
| <span class="keyword">Tab.Active.Text</span><nowiki>=</nowiki><span class="color">$COLOR_BTNTEXT</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Text</span><nowiki>=</nowiki><span style="color: #660066;">$COLOR_BTNTEXT</span>
| Active Tab Text Color
| Couleur du texte de l'onglet actif
|}
|}




====[Backgrounds] Section====
====Section [Backgrounds]====
This section contains background settings for toolbars.<br /> Background settings for Tab Bar and Sidebar are placed in their own section '''[TabBar]''' and '''[Sidebar]'''.
Cette section contient les réglages de l'arrière plan de la barre d'outils.<br /> 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 <span class="flag">Transparent</span>.


{| cellspacing="1" cellpadding="5"
iIzqVq , [url=http://roqcwhrogtnc.com/]roqcwhrogtnc[/url], [link=http://kguekoecnvvp.com/]kguekoecnvvp[/link], http://ybtqxfqvcneh.com/
| <span class="keyword">MainPanel.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| colspan="2" |
The background for main panel. <br /> Value can be: <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image</span>. Becuase it's the last layer of background, <span class="flag">Transparent</span> style is not allowed.<span class="flag"><br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
|}


Below is an example of <span class="flag">3Image</span> style main panel:
Ec7mAp  <a href="http://hgbvdcmnkglb.com/">hgbvdcmnkglb</a>


<div class="codeblock"><span class="keyword">MainPanel.Style</span><nowiki>=</nowiki><span class="flag">3Image</span><span class="keyword"><br /> Background.Image</span><nowiki>=</nowiki><span class="string">control\mainframe.png</span><br /><span class="keyword">Background.Image.StartOffset</span><nowiki>=</nowiki><span class="number">16</span><br /><span class="keyword">Background.Image.EndOffset</span><nowiki>=</nowiki><span class="number">16</span><br /><span class="keyword">Background.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span></div>
=====Arrière plan des menus :=====
 
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
 
| <span style="color: #000066; font-weight: bold;">Menu.Style</span><nowiki>=</nowiki><span style="color: #990000;">GFill</span>
=====Toolbar Backgrounds:=====
| L'arrière plan des menus, ne peut pas être <span style="color: #990000;">Transparent</span>
All toolbars listed below can have <span class="keyword">.Style</span> settings: <span class="flag">Transparent</span>, <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image<br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
 
{| cellspacing="1" cellpadding="5"
| <span class="keyword">CaptionBar.Style</span><nowiki>=</nowiki><span class="flag">Transparent</span>
| The background of Caption Toolbar in '''Custom Window Frame''' mode <span class="note">Not Implemented </span>
|-
|-
| <span class="keyword">MenuBar.Style</span><nowiki>=</nowiki><span class="flag">Transparent</span>
| <span style="color: #000066; font-weight: bold;">MenuStrip.Style</span><nowiki>=</nowiki><span style="color: #990000;">GFill</span>
| Menu Bar Background
| Bande du menu. Seulement <span style="color: #990000;">GFill</span> est permis. Par défaut <span style="color: #990000;">Transparent</span>. <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
| <span class="keyword">ToolBar.Style</span><nowiki>=</nowiki><span class="flag">Transparent</span>
| The background for toolbars (Docked)
|-
| <span class="keyword">FloatBar.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| The background for Floating Toolbars (Undocked)
|-
| <span class="keyword">FavBar.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| The background for Favorites Bars <span class="optional">(Optional)<br /></span>Default use same settings as <span class="keyword">Toolbar</span>
|-
| <span class="keyword">WebBar.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| The background for Web Page Toolbar <span class="optional">(Optional) <br /></span>Default use same settings as <span class="keyword">Toolbar</span>
|-
| <span class="keyword">StatusBar.Style</span><nowiki>=</nowiki><span class="flag">3Image</span>
| The background for Status Bar
|}
|}




=====Menu Background:=====
====Section [TabBar]====
{| cellspacing="1" cellpadding="5"
Cette section contient les réglages pour la barre d'outils.
| <span class="keyword">Menu.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| Menu Background, can not be <span class="flag">Transparent</span>
|-
| <span class="keyword">MenuStrip.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| Menu Strip. Only <span class="flag">GFill</span> is allowed. Default is <span class="flag">Transparent</span>. <span class="note">Not Implemented </span>
|}


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


====[TabBar] Section====
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
This section contains settings for the Tab Bar.
| <span style="color: #000066; font-weight: bold;">TabStyle</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>
 
| Les valeurs valides sont :<br /><span style="color: #990000;">System</span> – Thème Windows standard avec support du style visuel<br /><span style="color: #990000;">Custom</span> – Thème entièrement personnalisable<br /><span style="color: #990000;">Button</span> – Thème de style bouton <span style="color: #FFFFFF;background-color: #CC0000;"> Non implémenté </span><br /><span style="color: #990000;">Flat</span> - Thème d'onglet plat <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">VS2003</span> - Thème VisualStudio 2003 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">Office2003</span> – Thème Office 2003 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
For Text Color settings please refer to the '''[Colors]''' section.<br /> For control button image settings, please refer to the '''[Icons]''' section.
|}


{| cellspacing="1" cellpadding="5"
| <span class="keyword">TabStyle</span><nowiki>=</nowiki><span class="flag">Custom</span>
| Valid values are:<br /><span class="flag">System</span> – Standard Windows Theme with Visual Style support<br /><span class="flag">Custom</span> – Fully Customized Theme<br /><span class="flag">Button</span> – Button Style Theme <span class="note"> Not Implemented </span><br /><span class="flag">Flat</span> - Flat Tab Theme <span class="note">Not Implemented </span><br /><span class="flag">VS2003</span> - VisualStudio 2003 Theme <span class="note">Not Implemented </span><br /><span class="flag">Office2003</span> – Office 2003 Theme <span class="note">Not Implemented </span>
|}


Colors of build-in tab styles are calculated based on the system color. Settings for customize these colors might be added in future versions.
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: Build-in Tab Styles ''
''Figure : Styles d'onglets intégrés ''


[[Image:tabstyle.png]]
[[Image:tabstyle.png]]




=====Custom Tab Style:=====
Dz6gCt , [url=http://vwpjtplvcnvb.com/]vwpjtplvcnvb[/url], [link=http://bgeackqukinz.com/]bgeackqukinz[/link], http://uovyyfmyabra.com/
The following settings only take effect when <span class="keyword">TabStyle</span><nowiki>=</nowiki><span class="flag">Custom</span>.
 
{| cellspacing="1" cellpadding="5"
| <span class="keyword">Tab.Normal.Image</span><nowiki>=</nowiki><span class="string">control\tab_inactive.png</span>
| Normal Tab background
|-
| <span class="keyword">Tab.Hover.Image</span><nowiki>=</nowiki><span class="string">control\tab_hover.png</span>
| Hovered Tab background
|-
| <span class="keyword">Tab.Unread.Image</span><nowiki>=</nowiki><span class="string">control\tab_unread.png</span>
| Unread Tab background, may overlay on the Hovered and Normal Tab background
|-
| <span class="keyword">Tab.Active.Image</span><nowiki>=</nowiki><span class="string">control\tab_active.png</span>
| Active Tab background
|-
| <span class="keyword">Tab.Normal.Image.StartOffset</span><nowiki>=</nowiki><span class="number">12</span>
| Start Offset for <span class="flag">3Image</span> Slice of Normal Tab background, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
|-
| <span class="keyword">Tab.Normal.Image.EndOffset</span><nowiki>=</nowiki><span class="number">10</span>
| End Offset for <span class="flag">3Image</span> Slice of Normal Tab background, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
|-
| <span class="keyword">Tab.Normal.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| Stretch Flag of middle part of Normal Tab background slices, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
|-
| <span class="keyword">Tab.Normal.StartOut</span><nowiki>=</nowiki><span class="number">-4</span>
| Normal Tab background box start position, set positive value to collapse tab borders, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
|-
| <span class="keyword">Tab.Normal.EndOut</span><nowiki>=</nowiki><span class="number">-8</span>
| Normal Tab background box end position, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
|-
| <span class="keyword">Tab.Normal.Padding</span><nowiki>=</nowiki><span class="number">0 0 0 0</span>
| Normal Tab inner content padding, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>.<br /> The value format is '''Top ''''''Left Right Bottom''', just like CSS.
|-
| <span class="keyword">Tab.Active.Image.StartOffset</span><nowiki>=</nowiki><span class="number">12</span>
| Start Offset for <span class="flag">3Image</span> Slice of Active Tab background
|-
| <span class="keyword">Tab.Active.Image.EndOffset</span><nowiki>=</nowiki><span class="number">10</span>
| Active End Offset for <span class="flag">3Image</span> Slice
|-
| <span class="keyword">Tab.Active.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| Active Stretch Flag
|-
| <span class="keyword">Tab.Active.StartOut</span><nowiki>=</nowiki><span class="number">-4</span>
| Active Tab background box start position, set negative value to collapse tab borders
|-
| <span class="keyword">Tab.Active.EndOut</span><nowiki>=</nowiki><span class="number">-8</span>
| Active Tab background box end position
|-
| <span class="keyword">Tab.Active.Padding</span><nowiki>=</nowiki><span class="number">0 0 0 0</span>
| Active Tab inner content padding<br /> 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]]
 
{| cellspacing="1" cellpadding="5"
| <span class="keyword">FlipSettings</span><nowiki>=</nowiki><span class="bool">1</span>
| Whether flip the tab and background settings when Tab Bar is placed on bottom. <span class="note">Not Implemented </span>
|-
| <span class="keyword">Background.Style</span><nowiki>=</nowiki><span class="flag">Image</span>
|
The background for Tab Bar<br /> Value can be: <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image<br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
|-
| <span class="keyword">InactiveBackground.Style</span><nowiki>=</nowiki><span class="flag">Image</span>
|
The background for Tab Bar in inactive mode (Split View) .<br /> Value can be: <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image<br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
|}
 


=====Other Tab Bar UI Elements:=====
=====Autres élément de l'IU de la barre d'onglet :=====
Settings listed below should also be set no matter if <span class="keyword">TabStyle</span><nowiki>=</nowiki><span class="flag">Custom</span>.
Les réglages listés ci-dessous doivent également être mis sans importance si <span style="color: #000066; font-weight: bold;">TabStyle</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">TabProgress.Style</span><nowiki>=</nowiki><span class="flag">Animation</span>
| <span style="color: #000066; font-weight: bold;">TabProgress.Style</span><nowiki>=</nowiki><span style="color: #990000;">Animation</span>
| Progress Indicator on Tab, can be:<br /><span class="flag">Animation</span> - Loop Animate a series of images<br /><span class="flag">Progress</span> - Display a series of images as progress bar<br /><span class="flag">None</span> - Don't display progress on tab
| Indicateur de progression sur l'onglet, peut être :<br /><span style="color: #990000;">Animation</span> - Animation en boucle d'une série d'images<br /><span style="color: #990000;">Progress</span> - Affichage d'une série d'images comme barre de progression<br /><span style="color: #990000;">None</span> - Pas d'affichage de barre de progression sur l'onglet
|-
|-
| <span class="keyword">TabProgress.Image</span><nowiki>=</nowiki><span class="string">control\tab_progress.png</span>
| <span style="color: #000066; font-weight: bold;">TabProgress.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\tab_progress.png</span>
| Progress Image
| Image de progression
|-
|-
| <span class="keyword">TabProgress.Image.FrameWidth</span><nowiki>=</nowiki><span class="number">16</span>
| <span style="color: #000066; font-weight: bold;">TabProgress.Image.FrameWidth</span><nowiki>=</nowiki><span style="color: #FF6600;">16</span>
| Progress images width, used to slice the image into frames
| Largeur de l'image de progression, utilisée pour découper les éléments de l'image
|-
|-
| <span class="keyword">TabProgress.HideIcon</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">TabProgress.HideIcon</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| Hide the website icon behind the progress image
| Cacher l'icône du site Web derrière l'image de progression
|-
|-
| <span class="keyword">TabProgress.Offset</span><nowiki>=</nowiki><span class="number">6 8</span>
| <span style="color: #000066; font-weight: bold;">TabProgress.Offset</span><nowiki>=</nowiki><span style="color: #FF6600;">6 8</span>
|
|
Relative offset to place the progress image in the tab Content Area (See [#_custom_tab above figure]).<br /> Value format: '''XOffset YOffset''' , relative to '''Top Left''' corner.
Position relative pour placer l'image de progression à l'intérieur de l'onglet (Cf. [#_custom_tab above figure]).<br /> Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur gauche'''.
|-
|-
| <span class="keyword">TabClose</span><nowiki>=</nowiki><span class="string">control/16_tab_close.png</span>
| <span style="color: #000066; font-weight: bold;">TabClose</span><nowiki>=</nowiki><span style="color: #0000FF;">control/16_tab_close.png</span>
| Close button placed on the right of current tab, the button’s size is the same as your image’s
| Bouton de fermeture placé à droite de l'onglet en cours, la taille du bouton est la même que celle de l'image
|-
|-
| <span class="keyword">TabClose.Offset</span><nowiki>=</nowiki><span class="number">-4 6</span>
| <span style="color: #000066; font-weight: bold;">TabClose.Offset</span><nowiki>=</nowiki><span style="color: #FF6600;">-4 6</span>
| Close button’s offset, used for fine tune.<br /> Value format: '''XOffset YOffset''' , relative to '''Top Right''' corner.
| Position du bouton de fermeture, utilisé pour un réglage précis.<br /> Format de la valeur : '''XOffset YOffset''' , relatif au coin '''supérieur droit''' corner.
|}
|}




====[Sidebar] Section====
====Section [Sidebar]====
This section contains settings for the Sidebar Bar.
Cette section contient les réglages pour la barre latérale.




=====Sidebar Tabs:=====
=====Onglets de la barre latérale :=====
For Tab Text Color settings please refer to the '''[Colors]''' section.
Pour les réglages de la couleur du texte des onglets, reportez-vous à la section '''[Colors]'''.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">TabStyle</span><nowiki>=</nowiki><span class="flag">Custom</span>
| <span style="color: #000066; font-weight: bold;">TabStyle</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>
| Valid values are:<br /><span class="flag">System</span> – Standard Windows Theme with Visual Style support<br /><span class="flag">Custom</span> – Fully Customized Theme<br /><span class="flag">Button</span> – Button Style Theme <span class="note"> Not Implemented </span><br /><span class="flag">Flat</span> - Flat Tab Theme <span class="note">Not Implemented </span><br /><span class="flag">VS2003</span> - VisualStudio 2003 Theme <span class="note">Not Implemented </span><br /><span class="flag">Office2003</span> – Office 2003 Theme <span class="note">Not Implemented </span>
| Les valeurs valides sont :<br /><span style="color: #990000;">System</span> – Thème standard de Windows avec support du style visuel<br /><span style="color: #990000;">Custom</span> – Thème entièrement personnalisable<br /><span style="color: #990000;">Button</span> – Thème de style bouton <span style="color: #FFFFFF;background-color: #CC0000;"> Non implémenté </span><br /><span style="color: #990000;">Flat</span> - Thème d'onglet plat <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">VS2003</span> - Thème VisualStudio 2003 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">Office2003</span> – Thème Office 2003 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|}
|}




=====Custom Tab Style:=====
=====Style d'onglet personnalisable :=====
The following settings only take effect when <span class="keyword">TabStyle</span><nowiki>=</nowiki><span class="flag">Custom</span>.<br /> These settings are just like the ones in '''[TabBar]''' Section, but only <span class="keyword">Tab.Normal</span> and <span class="keyword">Tab.Active</span> states are available. <br /> These settings are rotated 90 degrees counter-clockwise.
Les réglages suivants ont un effet seulement lorsque <span style="color: #000066; font-weight: bold;">TabStyle</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>.<br /> Ces réglages sont les mêmes que ceux de la section '''[TabBar]''', mais seuls les états <span style="color: #000066; font-weight: bold;">Tab.Normal</span> et <span style="color: #000066; font-weight: bold;">Tab.Active</span> sont disponibles. <br /> Ces réglages sont pivotés de 90 degrés dans le sens des aiguilles d'une montre.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Tab.Normal.Image</span><nowiki>=</nowiki><span class="string">control\tab_inactive.png</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\tab_inactive.png</span>
| Normal Tab background
| Arrière plan d'un onglet normal
|-
|-
| <span class="keyword">Tab.Active.Image</span><nowiki>=</nowiki><span class="string">control\tab_active.png</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\tab_active.png</span>
| Active Tab background
| Arrière plan d'un onglet actif
|-
|-
| <span class="keyword">Tab.Normal.Image.StartOffset</span><nowiki>=</nowiki><span class="number">12</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Image.StartOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">12</span>
| Start Offset for <span class="flag">3Image</span> Slice of Normal Tab background, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
| Offset de départ pour la découpe <span style="color: #990000;">3Image</span> de l'arrière plan d'un onglet normal, partagé par <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>
|-
|-
| <span class="keyword">Tab.Normal.Image.EndOffset</span><nowiki>=</nowiki><span class="number">10</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Image.EndOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">10</span>
| End Offset for <span class="flag">3Image</span> Slice of Normal Tab background, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
| Offset de fin pour la découpe <span style="color: #990000;">3Image</span> de l'arrière plan d'un onglet normal, partagé par <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>
|-
|-
| <span class="keyword">Tab.Normal.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Image.Stretch</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| Stretch Flag of middle part of Normal Tab background slices, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
| Etendre la partie du milieu de l'arrière plan d'un onglet normal, partagé par <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>
|-
|-
| <span class="keyword">Tab.Normal.StartOut</span><nowiki>=</nowiki><span class="number">-4</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.StartOut</span><nowiki>=</nowiki><span style="color: #FF6600;">-4</span>
| Normal Tab background box start position, set positive value to collapse tab borders, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
| 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 <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>
|-
|-
| <span class="keyword">Tab.Normal.EndOut</span><nowiki>=</nowiki><span class="number">-8</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.EndOut</span><nowiki>=</nowiki><span style="color: #FF6600;">-8</span>
| Normal Tab background box end position, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>
| Position de fin de la bordure de l'arrière plan d'un onglet normal, partagé par <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>
|-
|-
| <span class="keyword">Tab.Normal.Padding</span><nowiki>=</nowiki><span class="number">0 0 0 0</span>
| <span style="color: #000066; font-weight: bold;">Tab.Normal.Padding</span><nowiki>=</nowiki><span style="color: #FF6600;">0 0 0 0</span>
| Normal Tab inner content padding, shared by <span class="keyword">Tab.Hover</span> and <span class="keyword">Tab.Unread</span>.<br /> The value format is '''Top ''''''Left Right Bottom''', just like CSS.
| Remplissage intérieur d'un onglet normal, partagé par <span style="color: #000066; font-weight: bold;">Tab.Hover</span> et <span style="color: #000066; font-weight: bold;">Tab.Unread</span>.<br /> Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|-
|-
| <span class="keyword">Tab.Active.Image.StartOffset</span><nowiki>=</nowiki><span class="number">12</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Image.StartOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">12</span>
| Start Offset for <span class="flag">3Image</span> Slice of Active Tab background
| Offset de début pour la découpe <span style="color: #990000;">3Image</span> de l'arrière plan de l'onglet actif
|-
|-
| <span class="keyword">Tab.Active.Image.EndOffset</span><nowiki>=</nowiki><span class="number">10</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Image.EndOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">10</span>
| Active End Offset for <span class="flag">3Image</span> Slice
| Offset de fin pour la découpe <span style="color: #990000;">3Image</span> de l'arrière plan de l'onglet actif
|-
|-
| <span class="keyword">Tab.Active.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Image.Stretch</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| Active Stretch Flag
| Etendue de la partie active
|-
|-
| <span class="keyword">Tab.Active.StartOut</span><nowiki>=</nowiki><span class="number">-4</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.StartOut</span><nowiki>=</nowiki><span style="color: #FF6600;">-4</span>
| Active Tab background box start position, set negative value to collapse tab borders
| 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
|-
|-
| <span class="keyword">Tab.Active.EndOut</span><nowiki>=</nowiki><span class="number">-8</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.EndOut</span><nowiki>=</nowiki><span style="color: #FF6600;">-8</span>
| Active Tab background box end position
| Position de fin de la bordure de l'arrière plan de l'onglet actif
|-
|-
| <span class="keyword">Tab.Active.Padding</span><nowiki>=</nowiki><span class="number">0 0 0 0</span>
| <span style="color: #000066; font-weight: bold;">Tab.Active.Padding</span><nowiki>=</nowiki><span style="color: #FF6600;">0 0 0 0</span>
| Active Tab inner content padding<br /> The value format is '''Top ''''''Left Right Bottom''', just like CSS.
| Remplissage intérieur de l'onglet actif<br /> Le format de la valeur est '''haut ''''''gauche droite bas''', comme le CSS.
|}
|}




=====Other Settings for Sidebar Tabs :=====
=====Autres réglages pour les onglets de la barre latérale :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">FlipSettings</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">FlipSettings</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| Whether flip the tab and background settings when Side Bar is placed on right. <span class="note">Not Implemented </span>
| Si on inverse les réglages de l'onglet et de l'arrière plan lorsque la barre latérale est placée à droite. <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|-
|-
| <span class="keyword">TabBackground.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| <span style="color: #000066; font-weight: bold;">TabBackground.Style</span><nowiki>=</nowiki><span style="color: #990000;">GFill</span>
|
|
The background for Sidebar Tabs.<br /> Value can be: <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image<br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
L'arrière plan pour les onglets de la barre latérale.<br /> Les valeurs peuvent être : <span style="color: #990000;">GFill</span>, <span style="color: #990000;">Image</span>, <span style="color: #990000;">3Image<br /></span>[#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|-
|-
| <span class="keyword">TitleBackground.Style</span><nowiki>=</nowiki><span class="flag">Image</span>
| <span style="color: #000066; font-weight: bold;">TitleBackground.Style</span><nowiki>=</nowiki><span style="color: #990000;">Image</span>
|
|
The background of Sidebar Title. <span class="note">Not Implemented </span><br /> Value can be: <span class="flag">GFill</span>, <span class="flag">Image</span>, <span class="flag">3Image<br /></span>[#_Global_Style_Flags See Appendix: Global Style Flags]
L'arrière plan du titre de la barre latérale. <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /> Les valeurs peuvent être : <span style="color: #990000;">GFill</span>, <span style="color: #990000;">Image</span>, <span style="color: #990000;">3Image<br /></span>[#_Global_Style_Flags Cf. Appendix: Global Style Flags]
|}
|}




====[ComboBox] Section====
====Section [ComboBox]====
This section contains settings for Combo Box.
Cette section contient les réglages pour la boîte Combo.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Style</span><nowiki>=</nowiki><span class="flag">Custom</span>
| <span style="color: #000066; font-weight: bold;">Style</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>
| Valid values are:<br /><span class="flag">System</span> – Standard Windows Theme with Visual Style support <br /><span class="flag">Custom</span> – Fully Customized Theme<br /><span class="flag">Office2000</span> – Office 2000 Theme <span class="note">Not Implemented </span><br /><span class="flag">OfficeXP</span> - Office XP Theme <span class="note">Not Implemented </span><br /><span class="flag">Office2003</span> – Office 2003 Theme <span class="note">Not Implemented </span>
| Les valeurs valides sont :<br /><span style="color: #990000;">System</span> – Thème de Windows Standard avec support du style visuel <br /><span style="color: #990000;">Custom</span> – Thème entièrement personnalisable<br /><span style="color: #990000;">Office2000</span> – Thème Office 2000 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">OfficeXP</span> - Thème Office XP <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span><br /><span style="color: #990000;">Office2003</span> – Thème Office 2003 <span style="color: #FFFFFF;background-color: #CC0000;">Non implémenté </span>
|}
|}




=====Custom Style:=====
=====Style personnalisable :=====
The following settings only take effect when <span class="keyword">Style</span><nowiki>=</nowiki><span class="flag">Custom</span>.
Les réglages suivants prennent seulement effet lorsque <span style="color: #000066; font-weight: bold;">Style</span><nowiki>=</nowiki><span style="color: #990000;">Custom</span>.


{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">Background.Normal.Image</span><nowiki>=</nowiki><span class="string">control\combo.png</span>
| <span style="color: #000066; font-weight: bold;">Background.Normal.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\combo.png</span>
| Normal Background of the whole combo box, always <span class="flag"> 3Image</span> style
| Arrière plan normal de toute la boîte combo, toujours le style <span style="color: #990000;"> 3Image</span>
|-
|-
| <span class="keyword">Background.Hover.Image</span><nowiki>=</nowiki><span class="string">control\combo_hover.png</span>
| <span style="color: #000066; font-weight: bold;">Background.Hover.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\combo_hover.png</span>
| Hovered Background of the whole combo box, always <span class="flag"> 3Image</span> style
| Arrière plan survolé de toute la boîte combo, toujours le style <span style="color: #990000;"> 3Image</span>
|-
|-
| <span class="keyword">Thumb.Normal.Image</span><nowiki>=</nowiki><span class="string">control\combo_dropdown.png</span>
| <span style="color: #000066; font-weight: bold;">Thumb.Normal.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\combo_dropdown.png</span>
| Normal Tumb Button of combo box, aligned to top right corner
| Bouton normal de la boîte combo, aligné avec le coin supérieur droit
|-
|-
| <span class="keyword">Thumb.Hover.Image</span><nowiki>=</nowiki><span class="string">control\combo_dropdown_hover.png</span>
| <span style="color: #000066; font-weight: bold;">Thumb.Hover.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">control\combo_dropdown_hover.png</span>
| Hovered Tumb Button of combo box, aligned to top right corner
| Bouton survolé de la boîte combo, aligné avec le coin supérieur droit
|}
|}




====[Progress] Section====
This is an artilce that makes you think “never thought of that!”
This section contains settings for Progress Bar.


{| cellspacing="1" cellpadding="5"
==Appendice==
| <span class="keyword">Style</span><nowiki>=</nowiki><span class="flag">Custom</span>
| Valid values are:<br /><span class="flag">System</span> – Standard Windows Theme with Visual Style support <br /><span class="flag">Custom</span> – Fully Customized Theme
|}




=====Custom Style:=====
===Drapeaux du style global===
The following settings only take effect when <span class="keyword">Style</span><nowiki>=</nowiki><span class="flag">Custom</span>.
Ces drapeaux sont utilisés pour déterminer quel motif du style seront appliqués à l'élément spécifique.


{| cellspacing="1" cellpadding="5"
Note : Tous les éléments ne supportent pas ces drapeaux.
| <span class="keyword">ShowText</span><nowiki>=</nowiki><span class="bool">1</span>
| Show Percent Text on progress bar
|-
| <span class="keyword">TextColor</span><nowiki>=</nowiki><span class="color"><nowiki>#000000</nowiki></span>
| Percent Text color (No Invert effect) <span class="note">Not Implemented </span>
|-
| <span class="keyword">Foreground.Style</span><nowiki>=</nowiki><span class="flag">3Image</span>
| Foreground of the progress bar
|-
| <span class="keyword">Background.Style</span><nowiki>=</nowiki><span class="flag">3Image</span>
| Background of the progress bar
|}




==Appendix==
=====Les drapeaux de style remplissage actuellement supportés sont listés ci-dessous :=====
 
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
 
| <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">Transparent</span>
===Global Style Flags===
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme transparent
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:=====
{| cellspacing="1" cellpadding="5"
| <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">Transparent</span>
| colspan="3" | Set the background of specific element to be transparent
|-
|-
| rowspan="4" | <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">GFill</span>
| rowspan="4" | <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">GFill</span>
| colspan="3" | Set the background of specific element to be linear gradient fill
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme remplit d'un dégradé linéaire
|-
|-
| <span class="keyword">''object''.Fill.ColorStart</span><nowiki>=</nowiki><span class="color"><nowiki>#FFFFFF</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''object''.Fill.ColorStart</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#FFFFFF</nowiki></span>
| colspan="2" | The start color of gradient
| colspan="2" | La couleur de début du dégradé
|-
|-
| <span class="keyword">''object''.Fill.ColorEnd</span><nowiki>=</nowiki><span class="color"><nowiki>#FFFFFF</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''object''.Fill.ColorEnd</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#FFFFFF</nowiki></span>
| colspan="2" | The end color of gradient, set same value as <span class="keyword">.StartColor</span> to make a solid fill)
| colspan="2" | La couleur de fin du dégradé, mettez la même valeur que <span style="color: #000066; font-weight: bold;">.StartColor</span> pour avoir une couleur unie
|-
|-
| <span class="keyword">''object''.Fill.Angle</span><nowiki>=</nowiki><span class="number">90</span>
| <span style="color: #000066; font-weight: bold;">''object''.Fill.Angle</span><nowiki>=</nowiki><span style="color: #FF6600;">90</span>
| colspan="2" | The angle of gradient( or <span class="number">90</span>), default is <span class="number">90</span>
| colspan="2" | L'angle du dégradé ( ou <span style="color: #FF6600;">90</span>), la valeur par défaut est <span style="color: #FF6600;">90</span>
|-
|-
| rowspan="3" | <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">Image</span>
| rowspan="3" | <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">Image</span>
| colspan="3" | Set the background of specific element to be an image
| colspan="3" | Définit l'arrière plan de l'élément spécifique comme une image
|-
|-
| colspan="2" | <span class="keyword">''object''.Image</span><nowiki>=</nowiki><span class="string">toolbar/home.png</span>
| colspan="2" | <span style="color: #000066; font-weight: bold;">''object''.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/home.png</span>
| The image used for background
| Image utilisée pour l'arrière plan
|-
|-
| colspan="2" | <span class="keyword">''object''.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| colspan="2" | <span style="color: #000066; font-weight: bold;">''object''.Image.Stretch</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| Stretch(<span class="bool">1</span>) or Tile() the image, default is Stretch
| Stretch(<span style="color: #CC0000;font-weight: bold;">1</span>) ''étire'' ou Tile() ''réduit'' l'image, la valeur par défaut est Stretch
|-
|-
| rowspan="5" | <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">3Image</span>
| rowspan="5" | <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">3Image</span>
| colspan="3" | Set the background of specific element by slicing an image into 3 parts
| colspan="3" | Définit l'arrière plan de l'élément spécifique en découpant une image en 3 parties
|-
|-
| <span class="keyword">''object''.Image</span><nowiki>=</nowiki><span class="string">toolbar/home.png</span>
| <span style="color: #000066; font-weight: bold;">''object''.Image</span><nowiki>=</nowiki><span style="color: #0000FF;">toolbar/home.png</span>
| colspan="2" | The image used for slicing
| colspan="2" | Image utilisée pour le morceau
|-
|-
| <span class="keyword">''object''.Image.StartOffset</span><nowiki>=</nowiki><span class="number">2</span>
| <span style="color: #000066; font-weight: bold;">''object''.Image.StartOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">2</span>
| colspan="2" | The left slicing width, in '''Pixel'''
| colspan="2" | Largeur du morceau de gauche, en '''Pixel'''
|-
|-
| <span class="keyword">''object''.Image.EndOffset</span><nowiki>=</nowiki><span class="number">8</span>
| <span style="color: #000066; font-weight: bold;">''object''.Image.EndOffset</span><nowiki>=</nowiki><span style="color: #FF6600;">8</span>
| colspan="2" | The right slicing width, in '''Pixel'''
| colspan="2" | Largeur du morceau de droite, en '''Pixel'''
|-
|-
| <span class="keyword">''object''.Image.Stretch</span><nowiki>=</nowiki><span class="bool">1</span>
| <span style="color: #000066; font-weight: bold;">''object''.Image.Stretch</span><nowiki>=</nowiki><span style="color: #CC0000;font-weight: bold;">1</span>
| colspan="2" | Whether middle part of the slices is stretched, default is Stretch
| colspan="2" | Si le morceau du milieu est étiré, la valeur par défaut est Stretch
|}
|}




=====Currently supported line style flags are listed below:=====
=====Les drapeaux de style ligne actuellement supportés sont listés ci-dessous :=====
{| cellspacing="1" cellpadding="5"
{| style="wikitable" border="1" cellspacing="0" cellpadding="5"
| <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">None</span>
| <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">None</span>
| colspan="2" | Don’t draw the line
| colspan="2" | Ne trace pas la ligne
|-
|-
| rowspan="6" | <span class="keyword">''object''.Style</span><nowiki>=</nowiki><span class="flag">Line</span>
| rowspan="6" | <span style="color: #000066; font-weight: bold;">''object''.Style</span><nowiki>=</nowiki><span style="color: #990000;">Line</span>
| colspan="2" | Draw a solid line
| colspan="2" | Trace une ligne continue
|-
|-
| <span class="keyword">''object''.Line.Width</span><nowiki>=</nowiki><span class="number">2</span>
| <span style="color: #000066; font-weight: bold;">''object''.Line.Width</span><nowiki>=</nowiki><span style="color: #FF6600;">2</span>
| Line Width, in '''Pixel'''
| Largeur de la ligne, en '''Pixel'''
|-
|-
| <span class="keyword">''object''.Line.Gap</span><nowiki>=</nowiki><span class="number">2</span>
| <span style="color: #000066; font-weight: bold;">''object''.Line.Gap</span><nowiki>=</nowiki><span style="color: #FF6600;">2</span>
| Dash Line's Dot & Gap Size, default is 0 (no dash), in '''Pixel'''
| Longueur des tirets et espace de la ligne pointillée, 0 par défaut (pas de tiret), en '''Pixel'''
|-
|-
| <span class="keyword">''object''.Line.Percent</span><nowiki>=</nowiki><span class="number">80</span>
| <span style="color: #000066; font-weight: bold;">''object''.Line.Percent</span><nowiki>=</nowiki><span style="color: #FF6600;">80</span>
| Percent of toolbar height or menu width the line should cover
| Pourcentage de la hauteur de la barre d'outils ou de la largeur du menu que la ligne doit couvrir
|-
|-
| <span class="keyword">''object''.Line.Color</span><nowiki>=</nowiki><span class="color"><nowiki>#CCCCCC</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''object''.Line.Color</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#CCCCCC</nowiki></span>
| Line Color
| Couleur de la ligne
|-
|-
| <span class="keyword">''object''.Line.ShadowColor</span><nowiki>=</nowiki><span class="color"><nowiki>#FFFFFF</nowiki></span>
| <span style="color: #000066; font-weight: bold;">''object''.Line.ShadowColor</span><nowiki>=</nowiki><span style="color: #660066;"><nowiki>#FFFFFF</nowiki></span>
| Draw a shadow line with specified color if given
| Trace une ligne ombragée avec la couleur spécifiée si définie
|}
|}




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

Dernière version du 20 octobre 2011 à 15:11

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


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).


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é


Conventions utilisées dans ce document

Mot-clé: Les mots-clé sont les noms des réglages et de ses propriétés. Sensible à la casse.
ex. Version ou version

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

Chaîne: Le type de valeur le plus commun.
ex. Ceci est une chaîne

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

Booléen: Représenté par un nombre 1 (Vrai) et 0 (Faux).
ex. 0 et 1

Valeur de couleur: 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. [#_Supported_System_Color_Names Appendix: Supported System Color Names]).
ex. #FEFEFE ou 255,210,76 ou $COLOR_HIGHLIGHTTEXT


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.


Section [General]

Cette section est utilisée comme une description sommaire de votre Skin.

Name=Maxthon Default Le nom de votre Skin
Version=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=Large Icon Sous style de votre Skin, utilisé pour des fichiers INI multiples (Optionnel)


Author=SiC Le nom de l'auteur de ce Skin (Optionnel)
Email=null@null.com L'adresse email de l'auteur (Optionnel)
Website=http://www.null.com/ Le site Web de l'auteur de ce Skin (Optionnel)
UpdateURL=http://www.null.com/skin/ L'adresse URL pour la mise à jour de ce Skin (Optionnel)
License=GPL Information sur la licence de ce Skin (Optionnel)

Section [Global]

Cette section est utilisée pour les réglages communs partagés entre les différents éléments.

BaseTheme=Custom 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.


DefaultIconSize=24 24 La taille par défaut des images de la barre d'outils, utilisée dans quelques occasions spéciales.


CustomFrame=1 Active le style de frame personnalisable dans le mode No 'Window Frame'.
Ce réglage n'a qu'un effet lorsque BaseTheme=Custom.
CustomFrame.Width=3 La largeur de la fenêtre de la frame principale
CustomFrame.Style=Image 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=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=6 Le rayon de courbure du coin de l'image, en Pixel.
La valeur par défaut est .


(Un exemple d'image devrait se trouver ici)

AnimateLoading=control/loading.png 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.

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 :

.Hover=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=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=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=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=Taille du bouton final
Le format de la valeur est Haut droite bas gauche, comme les CSS.


Icônes communes :
Back=toolbar/32_back.png Navigation > Précédent
Forward=toolbar/32_forward.png Navigation > Suivant
HistoryMenu=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=toolbar/32_refresh.png Navigation > Actualiser
Stop=toolbar/32_stop.png Navigation > Arrêter
Home=toolbar/32_home.png Navigation > Accueil
New=toolbar/32_new.png Navigation > Nouvel onglet
Undo=toolbar/32_undo.png Navigation > Annuler Fermer Page
Favorites=toolbar/32_favorites.png Affichage > Barre latérale > Favoris
Aussi la fenêtre des Favoris Ajouter/Supprimer
Feed=toolbar/32_feed.png Affichage > Barre latérale > Flux RSS
Aussi la fenêtre des flux RSS Ajouter/Supprimer
History=toolbar/32_history.png Affichage > Barre latérale > Historique (Optionnel)
Layout=toolbar/32_layout.png Affichage > Disposition
Le bouton de changement de disposition(Plein écran, etc.)
FontSize=toolbar/32_fontsize.png Affichage > Taille du texte (Optionnel)
Encoding=toolbar/32_encoding.png Affichage > Codage (Optionnel)
Zoom=toolbar/32_page_zoom.png Affichage > Zoom (Optionnel)
Proxy=toolbar/32_proxy.png Outils > Proxy
Tools=toolbar/32_tools.png Outils > Utilitaires
Plugins=toolbar/32_plugins.png Outils > Plugins
Security=toolbar/32_security.png Outils > Sécurité (Optionnel)
PageContent=toolbar/32_page_content.png Outils > Contrôle du contenu de la page (Optionnel)
Edit=toolbar/32_edit.png Outils > Editer la page (Optionnel)
Save=toolbar/32_save.png Fichier > Enregistrer sous (Optionnel)
Options=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.


Icônes spéciales :
TabOptions=control/tab_options.png Bouton de la barre d'onglet > Options de la barre d'onglets
TabToolbar=control/tab_toolbar.png Bouton de la barre d'onglet > Basculer la barre d'outils Web
TabSidebar=control/tab_sidebar.png Bouton de la barre d'onglet > Basculer la barre latérale
TabManager=control/tab_manager.png Bouton de la barre d'onglet > Gestionnaire des onglets
TabNew=control/tab_new.png Bouton de la barre d'onglet > Nouvel onglet


Contrôle des icônes d'une fenêtre sans frame :
SkinSelect=control\16_skin_selector.png Bouton de sélection des Skins
MenuMinimize=control\16_minimize.png Bouton de réduction de la fenêtre
MenuMaximum=control\16_maximum.png Bouton d'agrandissement de la fenêtre
MenuRestore=control\16_restore.png Bouton de restauration de la fenêtre
MenuClose=control\16_close.png Bouton de fermeture de la fenêtre


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.


Hot damn, lokoing pretty useful buddy.

Play inforamtvie for me, Mr. internet writer.

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


I really nedeed to find this info, thank God!

Icônes de contrôle :
Caption=control\caption_icon.png Légende de l'icône dans le mode fenêtre compacte
CloseToolbar=shared\16_close.png Bouton Fermer sur la barre d'outils


Section [Colors]

Cette section définie les styles de couleur pour les boutons sur les barres d'outils, les menus, les panneaux.


I am totally wowed and prearped to take the next step now.

Barres d'outils :
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)


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

Toolbar.Normal.Text=#000000
 Couleur normale pour le texte de la barre d'outils
Toolbar.Disable.Text=#000000 Couleur désactivée pour le texte de la barre d'outils
Toolbar.Gripper.Style=Dashed

Style des gripper de la barre d'outils Non implémenté
[#_Global_Style_Flags Cf. Appendix : Global Style Flags]

Toolbar.Separator.Style=Solid

Style des séparateur de la barre d'outils Non implémenté
[#_Global_Style_Flags Cf. Appendix: Global Style Flags]

Toolbar.Hover.Text=#000000 Texte du bouton survolé
Toolbar.Hover.Border=#83B8F3 Bord du bouton survolé
Toolbar.Hover.Start=#C9E0FA Couleur du début du dégradé du fond du bouton survolé
Toolbar.Hover.End=#83B8F3 Couleur de fin du dégradé du fond du bouton survolé
Toolbar.Checked.Text=#000000 Comme ci-dessus, pour un bouton coché Non implémenté
Toolbar.Checked.Border=#83B8F3 Comme ci-dessus, pour un bouton coché Non implémenté
Toolbar.Checked.Start=#E9DCD0 Comme ci-dessus, pour un bouton coché Non implémenté
Toolbar.Checked.End=#A3A0A0 Comme ci-dessus, pour un bouton coché Non implémenté
Toolbar.Pressed.Text=#000000 Comme ci-dessus, pour un bouton enfoncé
Toolbar.Pressed.Border=#83B8F3 Comme ci-dessus, pour un bouton enfoncéNon implémenté
Toolbar.Pressed.Start=#E9DCD0 Comme ci-dessus, pour un bouton enfoncé
Toolbar.Pressed.End=#A3A0A0 Comme ci-dessus, pour un bouton enfoncé


Articles like this really grease the shafts of konwelgde.

Onglets :
Tab L'object pour les onglets de la barre d'onglets
SidebarTab L'object pour les onglets de la barre latérale


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

Tab.Normal.Text=$COLOR_BTNTEXT Couleur du texte de l'onglet normal
Tab.Hover.Text=$COLOR_HOTLIGHT Couleur du texte de l'onglet survolé
Tab.Active.Text=$COLOR_BTNTEXT Couleur du texte de l'onglet actif


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].


iIzqVq , [url=http://roqcwhrogtnc.com/]roqcwhrogtnc[/url], [link=http://kguekoecnvvp.com/]kguekoecnvvp[/link], http://ybtqxfqvcneh.com/

Ec7mAp <a href="http://hgbvdcmnkglb.com/">hgbvdcmnkglb</a>

Arrière plan des menus :
Menu.Style=GFill L'arrière plan des menus, ne peut pas être Transparent
MenuStrip.Style=GFill Bande du menu. Seulement GFill est permis. Par défaut Transparent. Non implémenté


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].

TabStyle=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é


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


Dz6gCt , [url=http://vwpjtplvcnvb.com/]vwpjtplvcnvb[/url], [link=http://bgeackqukinz.com/]bgeackqukinz[/link], http://uovyyfmyabra.com/

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=Custom.

TabProgress.Style=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=control\tab_progress.png Image de progression
TabProgress.Image.FrameWidth=16 Largeur de l'image de progression, utilisée pour découper les éléments de l'image
TabProgress.HideIcon=1 Cacher l'icône du site Web derrière l'image de progression
TabProgress.Offset=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=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=-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.


Section [Sidebar]

Cette section contient les réglages pour la barre latérale.


Onglets de la barre latérale :

Pour les réglages de la couleur du texte des onglets, reportez-vous à la section [Colors].

TabStyle=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é


Style d'onglet personnalisable :

Les réglages suivants ont un effet seulement lorsque TabStyle=Custom.
Ces réglages sont les mêmes 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.

Tab.Normal.Image=control\tab_inactive.png Arrière plan d'un onglet normal
Tab.Active.Image=control\tab_active.png Arrière plan d'un onglet actif
Tab.Normal.Image.StartOffset=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=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=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=-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=-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=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=12 Offset de début pour la découpe 3Image de l'arrière plan de l'onglet actif
Tab.Active.Image.EndOffset=10 Offset de fin pour la découpe 3Image de l'arrière plan de l'onglet actif
Tab.Active.Image.Stretch=1 Etendue de la partie active
Tab.Active.StartOut=-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=-8 Position de fin de la bordure de l'arrière plan de l'onglet actif
Tab.Active.Padding=0 0 0 0 Remplissage intérieur de l'onglet actif
Le format de la valeur est haut 'gauche droite bas', comme le CSS.


Autres réglages pour les onglets de la barre latérale :
FlipSettings=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=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=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]


Section [ComboBox]

Cette section contient les réglages pour la boîte Combo.

Style=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é


Style personnalisable :

Les réglages suivants prennent seulement effet lorsque Style=Custom.

Background.Normal.Image=control\combo.png Arrière plan normal de toute la boîte combo, toujours le style 3Image
Background.Hover.Image=control\combo_hover.png Arrière plan survolé de toute la boîte combo, toujours le style 3Image
Thumb.Normal.Image=control\combo_dropdown.png Bouton normal de la boîte combo, aligné avec le coin supérieur droit
Thumb.Hover.Image=control\combo_dropdown_hover.png Bouton survolé de la boîte combo, aligné avec le coin supérieur droit


This is an artilce that makes you think “never thought of that!”

Appendice

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.


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


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


Alakazaam-information found, porlbem solved, thanks!

Récupérée de « https://www.maxthon-fr.com/wiki/index.php?title=Les_Skins_de_Maxthon_v2.0&oldid=4066 »