[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é.
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 Aplha toujours sur une échelle de 0 à 255,
Le 0 étant transparent, et le 255 totalement opaque.
R= Rouge G= Vert (Green) B= Bleu
A= Aplha (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 conaître la valeur RGB d'une couleur qui vous plait ?
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 deja 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 ++
Avant de modifier quoi que ce soit, 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:
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 et qui gèrent ça.
La balise détermine la couleur que la wii doit appliquer à la place du noir.
La balise 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:
Seulement, dans le blyt, la valeur Alpha peut tout changer !
Regardez: 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 , ç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:
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
n'oublions pas que l'on doit également modifier ces 3 parties du code:
- 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 et
Recherchez donc ces parties du code avec NotePad++, et éditez les couleurs comme bon vous semble (IMG:style_emoticons/default/wink.gif)
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.
pour le chifffre 0 pour le chifffre 1 pour le chifffre 2 pour le chifffre 3 pour le chifffre 4 pour le chifffre 5 pour le chifffre 6 pour le chifffre 7 pour le chifffre 8 pour le chifffre 9 utilisé pour ne rien afficher (ex: les ":" qui disparaissent) pour l'inscription AM pour l'inscription PM ? Inscription "Menu Wii" (Cliquez ici pour voir une photo) ?
Pour le menu SD, modifiez cet élément pour changer la couleur du texte "Menu carte SD"
ouvrez "mn-SDcardMenu_b.brlyt" dans "layout/common/Sdbutton_ash_out/arc/blyt/":
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
Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"
Modifiez les entrées suivantes: (uniquement le backcolor)
Vous pouvez aussi modifier la couleur de l'ombre: (uniquement le backcolor)
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)
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:
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)
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.
. Le faite de regler le backcolor et le forecolor . de la même couleur que les éléments plus haut . m'a supprimé les 4 chaînes vides . sur le bord gauche de la première page. . 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:
Tuto créé et rédigé par RiderFx3 - Exclusivité www.Wii-Addict.fr - Toute reproduction même partielle est strictement interdite sans l'accord de son auteur.
Excellent tuto.
Ne reste plus qu'à faire le thème Wii-Addict pour illustrer les screens des tutos (et accessoirement pour bien marquer nos préférences niveau site consacré à la Wii (IMG:style_emoticons/default/wink.gif) ).
Une petite question, lorsqu'on a terminé la modification de tous le fichiers, comment on fait pour crée le thème ? (IMG:style_emoticons/default/smile.gif)
J'ai essayé de faire avec ThemeMii un thème en y ajoutant des "container" et le tpl que j'ai fais, mais ça a brick ma wii xD Est-ce la bonne méthode ?
EDIT: sinon j'ai essayé de faire un my_TVSheet_b.tpl de 608*456, et j'ai remplacé le GX_REPEAT par GX_CLAMP pour tester, donc à mon avis un de mes problèmes doit venir de là (IMG:style_emoticons/default/smile.gif)
Les modifications simples je les ai déjà toute faite (IMG:style_emoticons/default/smile.gif)
?‡a marche à la perfection, juste que je ne savais pas si c'était container ou static data qu'il fallait choisir. J'ai essayé static data avant que tu postes et c'est bon (IMG:style_emoticons/default/wink.gif)
Concernant le tuto de niv 1, c'est juste pour les images, du coup ça donne pas d'infos pour les brlyt.
exact apres c'est le meme principe il suffit de choisir data ou image !
Oui mais comme on le dit souvent : "Nos créations ne sont pas à l'abri des bêta-testeurs de base". Du coup il y aura toujours des boulets comme moi qui utiliseront static image pour un .brlyt (IMG:style_emoticons/default/biggrin.gif)
Pour l'instant j'essaye toute les fonctions et si j'arrive à quelque chose de concret, je partagerais volontiers (IMG:style_emoticons/default/wink.gif)
Les modifications simples je les ai déjà toute faite (IMG:style_emoticons/default/smile.gif)
?‡a marche à la perfection, juste que je ne savais pas si c'était container ou static data qu'il fallait choisir. J'ai essayé static data avant que tu postes et c'est bon (IMG:style_emoticons/default/wink.gif)
Concernant le tuto de niv 1, c'est juste pour les images, du coup ça donne pas d'infos pour les brlyt.
Oui jsui d'accord avec WiiD d'ailleur c'est après avoir vu le preview de son tuto sur les health 16:9 que je me suis décidé à detailler mes tutos (comme celui pour les couleurs)
comment réinjecte les fichier modifier dans un csm ??
EDIT: c'est bon j'ai réussi mais j'ai toujours un problème (IMG:style_emoticons/default/ohmy.gif) c'est que au niveau de l'heure le fond est rester blanc et pareil pour la gauche de l'ecrant 'a coter de la chaine disque)
? Sujets plus anciens ? Tutoriels ? Sujets plus récents ?
4 Pages ? ?1?2?3?>???
2 utilisateur(s) sur ce sujet (2 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s):
Modes d'affichage:Standard ? Passer au mode: Linéaire+ ? Passer au mode: En ligne
?
?[TUTO Niv.2] Editer les couleurs du menu système, Fond, date, heure, bordure de chaîne etc...
?
?
22 Mar 2010, 13:35
Modérateur
