A chaque demande de chaîne de caractères, que ce soit en programmation ou par exemple dans la partie " Description " d'une unité, vous pouvez en modifier la couleur, la transparence ou mettre des sauts de lignes (si le texte est éditable sur une seule ligne) par l'intermédiaire de balises.
Lisez auparavent le tutorial " Notion de couleurs " pour comprendre ce qui suit.

Sauts de lignes : |n

Pour sauter une ligne, insérez cette balise. Il est inutile de l'espacer du reste du texte.

Note : le signe " | " se fait par [Alt Gr] + 6.

Couleurs et transparence : |c

Code hexadécimal couleur, code hexadécimal transparence, texte, |r
Voyons ceci dans l'ordre :
- " |c " est la balise de départ, pour indiquer que ce qui suit est de la couleur.
- S'ensuit le code hexadécimal de la couleur, tout comme le code HTML. Il s'agit du RGB codé en hexa (255 devient FF), donc six lettres en tout (deux par couleur). Certains éditeurs d'images (tels Paint Shop Pro) ou WYSIWYG (comme Dreamweaver) permettent de noter dans la palette de couleur le code hexa correspondant. Pour ceux qui n'ont pas de logiciel pareil, et qui ignorent comment faire, petite leçon plus bas…
- Le code hexa suivant est celui de la transparence. Plus celui-ci est élevé, plus de texte est transparent, " FF " donnant un texte invisible.
- Le texte lui-même, mettez-en autant que vous voulez.
- " |n ", la balise indiquant la fin de la couleur. Inutile de la séparer du reste du texte.

Petit exemple : Appel a|cffffcc00u|rx armes
" Appel a " est le texte qui précède.
" |c " indique le début de la couleur
" ffffcc " est le code hexa de la couleur (ici : jaune pâle)
" 00 " est le code hexa de la transparence (ici : aucune)
" u " est le texte mis en couleur
" |r " est la fin de la couleur
" x armes " est la suite du texte. Notez que ceci est collé à la balise |r (|rx armes), cela ne gène en rien.

Pour un dégradé, faites une couleur différente à chaque lettre.

Codage en hexadécimal

Je vous ai expliqué dans le tutorial " Notions de couleur " comment connaître sa couleur RGB en 256. Gardez cette valeur. Chaque couleur primaire va ici être codé en hexa.

Tout d'abord, notre nombre en binaire
Je trouve en effet plus simple de passer d'abord en binaire avant l'hexa (bon, c'est mon avis, si vous savez y passer directement, vous ne devriez même pas avoir à lire ceci ^^).
Le décimal est codé sur une base de 10 (de 0 à 9), l'hexa sur une base de 16 (de 0 à F : 0, 1, 2…, 8, 9, A, B…, F), le binaire est sur une base de 2 (0 et 1).
Un nombre en 256 peut être identifié par la somme de ces nombres : 128, 64, 32, 16, 8, 4, 2 et 1.

Exemple : 162 = 128 + 32 + 2

Vous me suivez ? Ces nombres additionnés sont essentiels pour le binaire. Ce dernier se partage en huit chiffres, suite de 0 et de 1.
Prenons 0000 0000 comme binaire de base pour travailler. On peut mettre un 1 à la place d'un 0 dans l'ordre de l'addition précédemment expliquée : 128-64-32-16 8-4-2-1. Mettez un 1 à la place du 0 quand le nombre est présent dans l'addition.
Re-exemple : 162 = 128 + 32 + 2, donc cela donne 1010 0010. Vous me suivez toujours ? ceci est " 162 " en binaire.

Et maintenant, en hexa
Tout ceci à l'air compliqué, mais quand on a le " truc ", c'est simple et rapide. Convertissons ce nombre en hexadécimal. Notre 162 de tout à l'heure est en deux parties : 1010 et 0010. Prenons chaque partie à part et traduisons la en hexa :

0000 = 0
0001 = 1
0010 = 2
0011 = 3
0100 = 4
0101 = 5
0110 = 6
0111 = 7
1000 = 8
1001 = 9
1010 = A
1011 = B
1100 = C
1101 = D
1110 = E
1111 = F

(vous avez compris l'astuce ? regardez bien la suite logique)

C'est bon ? notre 162, donnant 1010 0010 est donc en hexadécimal : A2

Pffuuu… prenons donc une couleur entière en RGB, par exemple du cyan 46-228-226

Rouge (décimal) : $46 = 32 + 8 + 4 + 2 (" $ " veut dire que le nombre est décimal. Ce n'est vraiment pas obligatoire, mais pour différencier les bases déci/bin/hexa)
Rouge (binaire) : $46 = %0010 1110 (" % " veut dire que le nombre est binaire)
Rouge (hexadécimal) : $46 = #2E (et donc " # " pour les hexa)

Bleu (décimal) : $228 = 128 + 64 + 32 + 4
Bleu ( binaire) : $228 = %1110 0100
Bleu (hexa) : $228 = #E4

Vert (décimal) : $226 = 128 + 64 + 32 + 2
Vert (binaire) : $226 = %1110 0010
Vert (hexa) : $226 = #E2

Et voilà ! pour avoir votre texte en cyan 46-228-226, il vous faut mettre :
|c2ee4e200Votre texte ici|r
Notez au passage que j'ai mis la transparence (elle aussi en hexa, faites un pourcentage sur 256) à 00, donc un texte pleinement visible.

J'espère avoir été clair. S'il y a un passage que vous ne comprenez pas, maillez moi afin que j'améliore ce tutorial.

Par Meowcat, le 28-09-2003