Editer les couleurs du menu système
[TUTO Niv.2] car nous allons modifier le code des fichier brlyt avec Benzin.
Ce tuto peut paraître long mais il ne présente rien de compliqué, il est simplement très détaillé. Avant de commencer ce tuto, vous devez maîtriser les suivants:
- [TUTO Niv.1] Appliquer un Thème .MyM sur votre Wii
- [TUTO Niv.1] Utiliser Benzin (Editer les Brlyt et Brlan)
- [TUTO Niv.1] Fabriquer son propre écran d'accueil Wii
Vous aurez besoin de:
-NotePad++
-ThemeMii
Sommaire:
- Principe
- Changer la couleur de la date
- Changer la couleur de l'heure
- Changer la couleur de la bordure du bas de la page des chaînes
- Changer la couleur des bordures des chaînes
- Changer la couleur du fond derrière les chaînes
PRINCIPE DE FONCTIONNEMENT:
Pour éditer les couleurs du system menu, nous devons changer les valeurs RGBA du brlyt correspondant.
RGBA? C'est quoi ça ?
RGBA est un sigle anglais représentant, en informatique, le codage des couleurs avec gestion de l'opacité.
Chaque couleur qui existe a donc son propre code couleur RGBA.
Le code RGBA sépare le canal rouge, vert, et bleu d'un couleur; l'intensité de chaque canal varie de 0 à 255.
L'opacité est gérée par le canal Alpha toujours sur une échelle de 0 à 255,
Le 0 étant transparent, et le 255 totalement opaque. R= Rouge
G= Vert (Green)
B= Bleu
A= Alpha (transparence)
Quelques exemples:
R= 255; G= 0; B= 0; > Rouge (car R=255 mais pas de bleu ni de vert)
R= 0; G= 0; B= 255; > Bleu (car B=255 mais pas de rouge ni de vert)
R= 0; G= 255; B=0; > Vert (car G=255 mais pas de rouge ni de bleu)
Comment connaître la valeur RGB d'une couleur qui vous plait ?
C'est très simple
Ouvrez le logiciel Paint fournit avec Windows. et cliquez sur modifiez les couleurs.
vous pouvez choisir la couleur qui vous plaît et le logiciel vous donnera sa valeur RGB.
Image indisponible (supprimée par son hébergeur)
Bien maintenant que vous avez compris le principe RGBA,
Nous allons voir comment éditer les brlyt pour changer les couleurs.
On va commencer par quelque chose de simple: La DATE
CHANGER LA COULEUR DE LA DATE:
Explorez le dossier "ExtractedBaseApp" situé dans votre dossier ThemeMii.
La date se trouve dans "Root:/layout/common/board_ash_out/arc/blyt/my_IplTop_c.brlyt"
Copiez my_IplTop_c.brlyt dans votre dossier Benzin,
et convertissez le en xmlyt (vous êtes déjà censé savoir le faire grâce à ce tuto)
et ouvrez le avec NotePad++
(Astuce: Associer tous vos fichier xmlan et xmlyt avec Notepad++ en faisant clic-droit > propriété > ouvrir avec..
Ainsi vous pourrez double-cliquer dessus et ils s'ouvriront directement avec NotePad++)
C'est ce brlyt qui gère le fond du bureau Wii. Pour modifier la couleur de la date, il va falloir modifier les valeurs suivantes:
- T_Day_a
- T_Day_b
- T_Day_c
Pour les trouver, on va utiliser la fonction recherche de NotePad ++
cliquez donc sur: Image indisponible (supprimée par son hébergeur) ou appuyez sur CTRL+H
Cette fenêtre va s'ouvrir:
Image indisponible (supprimée par son hébergeur)
dans le champ "Recherche:" entrez <entries name="T_Day_a"> et cliquez sur suivant.
Le logiciel va rechercher cette partie du code pour vous et vous amener à la ligne 144.
C'est cette partie du code que nous allons modifier:
Code : Tout sélectionner
<entries name="T_Day_a">
<colors>
<forecolor r="130" g="130" b="130" a="0" />
<backcolor r="130" g="130" b="130" a="255" />
<colorReg3 r="255" g="255" b="255" a="255" />
<tev_k1 r="ff" g="ff" b="ff" a="ff" />
<tev_k2 r="ff" g="ff" b="ff" a="ff" />
<tev_k3 r="ff" g="ff" b="ff" a="ff" />
<tev_k4 r="ff" g="ff" b="ff" a="ff" />
</colors>tâchons d'en savoir un peu plus sur ce bout de code:
Fonctionnement des masques:
Le system menu utilise des masques, c'est à dire qu'il utilise des images en noir et blanc,
et que c'est le brlyt qui indique quelle couleur appliquer à la partie noire de l'image, et quelle couleur appliquer à la partie blanche.
Pour exemple, voici le TPL du chiffre 8 de l'heure:
Image indisponible (supprimée par son hébergeur)
Il n'est pas du tout affiché comme ça sur votre wii car le brlyt indique que le noir doit être transparent, et que le blanc doit être gris.
Ce sont les balises <forecolore> et <backcolor> qui gèrent ça. La balise <forecolor> détermine la couleur que la wii doit appliquer à la place du noir.
La balise <backcolor> détermine la couleur que la wii doit appliquer à la place du blanc.
Cette partie du code:
r="130" g="130" b="130" a="0"
sert, vous l'aurez compris, à entrer la valeur RGB de la couleur que vous souhaitez utiliser, comme expliqué en haut du tuto.
Si vous regardez à l'aide de paint à quoi correspond la valeur R=130 G=130 B=130
Vous retrouverez la couleur de la date:
Image indisponible (supprimée par son hébergeur)
Seulement, dans le blyt, la valeur Alpha peut tout changer !
Regardez:
<forecolor r="130" g="130" b="130" a="0" />
Malgré le fait que la valeur RGB soit grise, la valeur alpha est égale à 0 donc transparent. La valeur RGB sera donc ignorée.
Comme c'est la balise <forecolor>, ça veut dire que tout ce qui est noir sur le masque, sera transparent.
Nous ne modifierons donc pas cette balise pour changer la couleur de la date.
Passons à la balise suivante:
<backcolor r="130" g="130" b="130" a="255" />
Toujours le même gris mais cette fois le canal alpha = 255 donc l'opacité sera maximale !
Pour le tuto, je vais tenter d'afficher la date en noir au lieu du gris.
La valeur RGB du noir est R=0; G=0; B=0
Je vais donc écrire:
<backcolor r="0" g="0" b="0" a="255" />
Mon code final sera donc:
Code : Tout sélectionner
<entries name="T_Day_a">
<colors>
<forecolor r="130" g="130" b="130" a="0" />
<backcolor r="0" g="0" b="0" a="255" />
<colorReg3 r="255" g="255" b="255" a="255" />
<tev_k1 r="ff" g="ff" b="ff" a="ff" />
<tev_k2 r="ff" g="ff" b="ff" a="ff" />
<tev_k3 r="ff" g="ff" b="ff" a="ff" />
<tev_k4 r="ff" g="ff" b="ff" a="ff" />
</colors>- T_Day_a > correspond à la couleur lorsqu'on appui sur (-) pour faire défiler la date
- T_Day_b > correspond à la couleur affichée continuellement
- T_Day_c > correspond à la couleur lorsqu'on appui sur (+) pour faire défiler la date
Voici une vidéo pour que vous compreniez mieux:
Il nous reste donc les parties <entries name="T_Day_b"> et <entries name="T_Day_c">
Recherchez donc ces parties du code avec NotePad++, et éditez les couleurs comme bon vous semble
Voila ce que ça donne lorsqu'on remplace toutes les couleurs par du noir:
Voila vous savez modifier la couleur de la date !
Voyons voir ce que l'on peut modifier d'autre: CHANGER LES COULEUR DE L'HEURE
Le brlyt a éditer est le suivant "my_Clock_a.brlyt" situé dans "Root/layout/common/chanSel_ash_out/arc/blyt/"
C'est toujours le même principe, il va falloir éditer les valeurs RGB dans les parties suivantes: Si vous ne modifiez pas ces 5 premières parties,
les changements que vous allez effectuer plus bas ne marcheront pas.
<entries name="Clock3">
<entries name="Clock2">
<entries name="Clock0">
<entries name="Clock1">
<entries name="ClockTen">
<entries name="Num0"> pour le chifffre 0
<entries name="Num1"> pour le chifffre 1
<entries name="Num2"> pour le chifffre 2
<entries name="Num3"> pour le chifffre 3
<entries name="Num4"> pour le chifffre 4
<entries name="Num5"> pour le chifffre 5
<entries name="Num6"> pour le chifffre 6
<entries name="Num7"> pour le chifffre 7
<entries name="Num8"> pour le chifffre 8
<entries name="Num9"> pour le chifffre 9
<entries name="NumNull"> utilisé pour ne rien afficher (ex: les ":" qui disparaissent)
<entries name="AM"> pour l'inscription AM
<entries name="PM"> pour l'inscription PM
<entries name="AM_PM"> ?
<entries name="T_WiiMenu"> Inscription "Menu Wii" (Cliquez ici pour voir une photo)
<entries name="AM_PM_R"> ?
Voila ce que ça donne une fois la couleur de l'heure changée:
J'ai utilisé la couleur R=80; G=200; B=220; A=255
MODIFIER LA COULEUR DE LA BARRE DE LA PAGE DES CHAINES
Image indisponible (supprimée par son hébergeur)
Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/" Modifiez les entrées suivantes: (uniquement le backcolor)
<entries name="Line0">
<entries name="Line1">
<entries name="Line2">
<entries name="Line3">
<entries name="Line4">
Vous pouvez aussi modifier la couleur de l'ombre: (uniquement le backcolor)
<entries name="Shade0">
<entries name="Shade1">
<entries name="Shade2">
<entries name="Shade3">
<entries name="Shade4">
Vous pouvez jouer sur la valeur alpha pour accentuer l'ombre selon la couleur de votre fond.
Voila ce que ça donne en remplaçant les valeurs RGB par du noir avec l'ombre en bleu:
CHANGER LA COULEUR DE LA BORDURE DES CHAINES
Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/" Modifiez les entrée suivantes pour la bordure des chaînes: (uniquement le backcolor)
<entries name="Edge0">
<entries name="Edge1">
<entries name="Edge2">
<entries name="Edge3">
<entries name="Edge4">
Pour la couleur des bordures de chaînes lorsque le curseur passe dessus:
Ouvrez "my_IplTop_d.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"
Modifiez la valeur suivante:
<entries name="Cursur_a"> Modifiez backcolor et forecolor, et si cela ne s'affiche pas comme vous le souhaitez,
jouez sur le canal alpha de backcolor.
Voila ce que ça donne avec les bordures rouges:
CHANGER LA COULEUR DU FOND DERRIERE LES CHAINES
Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/" Modifiez les entrées suivantes: (forecolor et backcolor)
<entries name="Picture_00">
<entries name="Picture_01">
<entries name="Picture_02">
<entries name="Picture_03">
<entries name="Picture_04">
<entries name="Picture_05">
<entries name="Picture_06">
<entries name="Picture_07">
<entries name="Picture_08">
<entries name="Picture_09">
<entries name="board0">
<entries name="board1">
<entries name="board2">
<entries name="board3">
<entries name="board4">
Modifier uniquement backcolor crééra un dégradé noir sur la couleur choisie, et laissera les stries.
Modifier le backcolor et le forecolor de la même couleur crééra un fond uni.
Modifier le backcolor et le forecolor de couleurs différentes crééra un dégradé de couleur. <entries name="BaseMask0"> . Le faite de regler le backcolor et le forecolor
<entries name="BaseMask1"> . de la même couleur que les éléments plus haut
<entries name="BaseMask2"> . m'a supprimé les 4 chaînes vides
<entries name="BaseMask3"> . sur le bord gauche de la première page.
<entries name="BaseMask4"> . On peut aussi jouer sur la transparence.
Vous pouvez aussi garder le dégradé, mais supprimer les stries,
pour cela, il faut remplacer le TPL:
my_TVSheet_b.tpl (608x8)
Image indisponible (supprimée par son hébergeur)
par un TPL custom auquel on aurait enlevé les stries:
Image indisponible (supprimée par son hébergeur)
Voila ce que ça donne avec le fond dégradé + strié:
Voila ce que ça donne avec un fond uni:
Voila ce que ça donne avec un fond dégradé sans stries:
Nous avons fait le tour des modifications de base au niveau des couleurs du system menu !
J'espère avoir été le plus clair possible, si vous avez des questions le forum est fait pour ça.
Postez vos créations dans la partie Thème !
A vous de jouer !
Tuto créé et rédigé par RiderFx3 - Exclusivité Wii-Addict.fr - Toute reproduction même partielle est strictement interdite sans l'accord de son auteur.
© RiderFx3 - 2010 - Wii-Addict.fr
jiiwah 
c'est doublement pas cool 
nnnooonnnnnnnnnnnnnnnnnnnn
Tout sur Wii · Wii U · Switch chez Tgames