Skinning tutorial/fr: Difference between revisions

From Shareaza Wiki
Jump to navigation Jump to search
No edit summary
Line 1: Line 1:
{{Languages|Skinning tutorial}}
{{Languages|Skinning tutorial}}


== Guide du Skinning ==
{{Languages|Skinning tutorial}}
{{Updated|29 avril 2014|2.7.x.0}}
{{StableFr}}


::'''[[#Element|Elément par élément]]''' -- '''[[#Manifest|Le Manifeste]]''' -- '''[[#Diffuser|Diffuser]]'''
= Tutoriel du Skinning =


=== Créer des skins pour Shareaza ===
Dans ces lignes vous allez apprendre à construire un thème (ou skin) pour la télécommande du média player de Shareaza. Le principe et les commande sont identique pour construire un thème complet pour Shareaza.
 
== Créer des thème pour Shareaza ===
 
Créer un thème est ''facile''. Les thèmes peuvent être simple ou complexe, au choix.
Cette page fournie un didacticiel simple et des références détaillées pour la construction d'un thème pour Shareaza.


Créer une skin pour Shareaza est facile. Les skins peuvent être simple ou complexe, au choix.
Cette page fournie un didacticiel simple, et des références détaillées pour le skinning de Shareaza.
Avec ce guide vous pourrez faire des :
Avec ce guide vous pourrez faire des :
# '''Skins visuels''' - Changer le thème visuel ou le personnaliser les boutons/mise en page de programme.
# '''Thèmes visuels''' - Changer le thème visuel ou le personnaliser les boutons/mise en page de programme.
# '''Skins linguistiques''' - Traduire le texte dans différents langages.
# '''Thèmes linguistiques''' - Traduire le texte dans différents langages.
 
= Pour commencer =


=== Pour commencer ===
Ce guide est divisé en plusieurs parties. La meilleure façon d'apprendre est de passer par l'instruction "[[#Élément|Élément par élément]]" pour faire votre premier thème.
* Les thèmes se trouvent dans le dossier : C:\Program Files\Shareaza\Skins (par défaut).
* Chaque thème à son propre dossier, comme : C:\Program Files\Shareaza\Skins\"Ma Skin".
* Chaque dossier contient les fichiers du thème, ainsi que les fichiers support tels que les images ou les icônes.
Chaque thème à son fichier de définition, qui est au format XML. Le format XML est un moyen facile de lire du format texte, ressemblant au HTML, mais pour un usage plus général. Le fichier de définition indique à shareaza, toutes les informations utiles tels que :
* qui a fait le thème.
* Quelles sont les parties de l'interface à modifier.
* Comment le faire.
* etc...
==Petit exemple==


Ce guide est divisé en plusieurs parties. La meilleure façon d'apprendre est de passer par l'instruction "[[#Element|Elément par élément]]" pour faire votre première skin.
Voici un thème très facile, appelez-le MonPetitTheme.xml. :
* Les skins sont dans le dossier : C:\Program Files\Shareaza\Skins (par défaut).
* Chaque skin à son propre dossier, comme : C:\Program Files\Shareaza\Skins\Ma Skin.
* Chaque dossier contient les fichiers du skin, ainsi que les fichiers support tels que les images ou les icônes.
Chaque skin à son fichier de définition, qui est au format XML. Le format XML est un moyen facile de lire du format texte pas différent du HTML, mais pour un usage plus général. Le fichier de définition indique à shareaza, toutes les informations utiles tels que qui a fait la skin, quelles sont les parties de l'interface à changer, comment le faire...


'''Ici, un fichier skin très facile, appelez-le MaSkinSimple.xml. :'''
<source lang="xml">
  <source lang="c">
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;skin xmlns=&quot;http://http://shareaza.sourceforge.net/schemas/Skin.xsd&quot; version=&quot;1.0&quot;&gt;
  &lt;skin xmlns="http://www.shareaza.com/schemas/Skin.xsd" version="1.0"&gt;
&lt;manifest name=&quot;MonPetitTheme&quot; author=&quot;Moi&quot; type=&quot;Skin&quot;/&gt;
  &lt;manifest name="My Simple Skin" author="Me" type="Skin"/&gt;
&lt;watermarks&gt;
  &lt;watermarks&gt;
   &lt;watermark target=&quot;CCoolMenuBar&quot; path=&quot;MyWatermark.bmp&quot;/&gt;
   &lt;watermark target="CCoolMenuBar" path="MyWatermark.bmp"/&gt;
&lt;/watermarks&gt;
  &lt;/watermarks&gt;
&lt;/skin&gt;
  &lt;/skin&gt;</source>
&lt;/source&gt;


Cette skin spécifie son nom et auteur, et ajoute une image de filigrane à la barre de menu principale, facile ! Une skin c'est juste cela, vous changez ce que vous voulez.
Ce thème spécifie son nom et son auteur et ajoute une image en filigrane à la barre de menu principale, facile, non ? Un thème c'est juste cela, vous changez ce que vous voulez.


'''Note:''' Les deux premières lignes de cet exemple ne doivent pas être éditées, ce sont les lignes qui indiquent la version du noyau de la skin, et non la version de votre skin.
{{Note|#FC9797|'''Important :''' Les deux premières lignes de cet exemple ne doivent pas être éditées, ce sont les lignes qui indiquent la version du noyau du thème et non la version de votre skin.}}


{{Anchor|Manifest}}
{{Anchor|Manifest}}
=== Le "Manifest" ===
== Le "Manifest" ==


L'exemple ci-dessus inclus un élément &lt;manifest&gt;, qui spécifie le nom de la skin. Il est important d'inclure de bonnes méta informations à propos de votre skin, de façon à ce que les utilisateurs puissent l'identifier et la rechercher.
L'exemple ci-dessus inclus un élément &lt;manifest&gt;, qui spécifie le nom de la skin. Il est important d'inclure de bonnes méta informations à propos de votre skin, de façon à ce que les utilisateurs puissent l'identifier et la rechercher.

Revision as of 21:38, 28 April 2014

  Languages:

English • Deutsch • Español • Français • עברית • Italiano • Nederlands • Polski • Português • Русский • ‪中文(繁體)

e
  Languages:

English • Deutsch • Español • Français • עברית • Italiano • Nederlands • Polski • Português • Русский • ‪中文(繁體)

e
  Updated:

This page has been updated on 29 avril 2014 for the release of Shareaza v2.7.x.0.

e
  Contenu stable

Les informations de cette page s'appliquent à toutes les versions de Shareaza tant qu'il n'y a pas de modification majeur.

e

Tutoriel du Skinning

Dans ces lignes vous allez apprendre à construire un thème (ou skin) pour la télécommande du média player de Shareaza. Le principe et les commande sont identique pour construire un thème complet pour Shareaza.

Créer des thème pour Shareaza =

Créer un thème est facile. Les thèmes peuvent être simple ou complexe, au choix. Cette page fournie un didacticiel simple et des références détaillées pour la construction d'un thème pour Shareaza.

Avec ce guide vous pourrez faire des :

  1. Thèmes visuels - Changer le thème visuel ou le personnaliser les boutons/mise en page de programme.
  2. Thèmes linguistiques - Traduire le texte dans différents langages.

Pour commencer

Ce guide est divisé en plusieurs parties. La meilleure façon d'apprendre est de passer par l'instruction "Élément par élément" pour faire votre premier thème.

  • Les thèmes se trouvent dans le dossier : C:\Program Files\Shareaza\Skins (par défaut).
  • Chaque thème à son propre dossier, comme : C:\Program Files\Shareaza\Skins\"Ma Skin".
  • Chaque dossier contient les fichiers du thème, ainsi que les fichiers support tels que les images ou les icônes.

Chaque thème à son fichier de définition, qui est au format XML. Le format XML est un moyen facile de lire du format texte, ressemblant au HTML, mais pour un usage plus général. Le fichier de définition indique à shareaza, toutes les informations utiles tels que :

  • qui a fait le thème.
  • Quelles sont les parties de l'interface à modifier.
  • Comment le faire.
  • etc...

Petit exemple

Voici un thème très facile, appelez-le MonPetitTheme.xml. : 

<source lang="xml">
<?xml version="1.0" encoding="UTF-8"?>
<skin xmlns="http://http://shareaza.sourceforge.net/schemas/Skin.xsd%22 version="1.0">
<manifest name="MonPetitTheme" author="Moi" type="Skin"/>
<watermarks>
 <watermark target="CCoolMenuBar" path="MyWatermark.bmp"/>
</watermarks>
</skin>
</source>

Ce thème spécifie son nom et son auteur et ajoute une image en filigrane à la barre de menu principale, facile, non ? Un thème c'est juste cela, vous changez ce que vous voulez.


Important : Les deux premières lignes de cet exemple ne doivent pas être éditées, ce sont les lignes qui indiquent la version du noyau du thème et non la version de votre skin.


Le "Manifest"

L'exemple ci-dessus inclus un élément <manifest>, qui spécifie le nom de la skin. Il est important d'inclure de bonnes méta informations à propos de votre skin, de façon à ce que les utilisateurs puissent l'identifier et la rechercher.

Ici, une référence complète pour l'élément <manifest>. 

 <source lang="c">
 <manifest
 name="Le Nom de la Skin"
 author="L'auteur qui la créée"
 description="Une longue description est désirée."
 link="http://une.url.pour.la.skin. com/est/applicable/"
 email="votre.@dresse.com"
 version="1.5"
 type="Skin"
 /></source>

Tous les attributs sont optionnels excepté le nom.

  • name = Le nom de la skin.
  • author = La personne qui a créer la skin
  • description = Une longue description de la skin.
  • link = Optionnel, votre site internet.
  • email = Optionnel, votre adresse mail, afin de vous contacter pour plus d'informations.
  • version = Le nombre de révision de la skin.
  • type = La plupart des skins devraient avoir ce tag de rempli. Les exceptions sont les skins de traduction.
  • language = Inclure seulement si le type (ci-dessus) est "language". Il indique le code de langage que la traduction fournit, exemple "en" pour english.

Eléments de la Skin

Cette section liste tous les différents éléments que vous pouvez inclure dans la skin, avec des liens pour plus de détails. Description des éléments utiliser :

  • <colourScheme> Spécifies les couleurs du plan. Skinning
  • <watermarks> Ajoute des images filigrane aux parties de l'interface.Skinning
  • <windowSkins> Change radicalement l'aspect des fenêtres. Skinning
  • <commandImages> Change des images affichées sur des barres outils, menus et fenêtres. Skinning.
  • <menus> Définit les menus dans le programme. Skinning
  • <toolbars> Définit les barres outils dans le programme. Skinning
  • <fonts> Change les fontes utilisées dans l'interface. Skinning
  • <documents> Fournit le RichDoc affiché sur l'onglet accueil. Skinning
  • <dialogs> Change le texte affiché dans les dialogues. Traduction
  • <commandTips> Change le texte affiché dans les tooltips et les messages d'aide. Traduction
  • <strings> Change le texte utilisé dans tout autres messages. Traduction
  • <listColumns> Change le texte affiché dans les colonnes. Traduction

Shareaza Remote Skinning

Maintenant que vous connaissez les éléments de skinning de shareaza, faites un essai !

Diffusez vos Skins

Vous venez de créer une skin toute fraîche, mais cela n'apportera rien de la gardé pour vous, vrai ? Diffuser une skin Shareaza est très facile, mais quelques points sont à mentionner.

  • S'assurer que la skin est prête pour le prime time. Tester toutes les fonctions, vérifier qu'il n'y a pas de résultat étrange. Dans la mesure du possible, essayez-la sur un autre ordinateur, un autre OS...
  • S'assurer que tout est soigné et aussi petit que possible. Si vous avez créé des images, convertissez les en bitmaps 8 bits, 256 couleurs.
  • Contrôler le manifeste. Il doit fournir un nom précis à la skin, son type, et toutes autres informations que vous jugez utile.

La meilleure façon de compacter et de distribuer une skin Shareaza est de Zipper tous les fichiers, et de tirer parti de l'installateur de skin de shareaza. Pour cela :

  • Compacter le dossier skin au format "ZIP".
  • Renommer l'extension de fichier ("*.Zip") en *.SKS.

Ainsi les fichiers skin de Shareaza sont ouvert et installé au bon endroit par les utilisateurs.

Pour conclure, placez votre skin en partage dans la bibliothèque en ligne des skins de Shareaza, et partagez-la. Le partage des skins sur Shareaza est très important, car il permet à chacun de les télécharger. Après tout, ne sommes-nous pas là pour ça?

Obtenir de l'aide

Vous avez besoin d'aide. Vous voulez discuter de votre création, signaler sa "sortie". Si oui, faites un tour sur le forum.


Navigation:     ShareazaWiki > Skinning > Skinning tutorial/fr

Retrieved from "https://shareaza.sourceforge.net/w/index.php?title=Skinning_tutorial/fr&oldid=10608"