Les Arpenteurs de Kiùkuni

Un forum de jeux de rôles dans le monde de Kiùkuni.
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion
Le système RP est pratiquement prêt. On va faire des tests !

Partagez | 
 

 La couleur dans les messages

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin
avatar

Messages : 53
Emploi/loisirs : gérer ce forum

Feuille de personnage
Nom:
Classe: Dieu
Localisation: QG des Arpenteurs (Almiria)

MessageSujet: La couleur dans les messages   Dim 28 Fév - 23:01

Ah, la couleur dans les messages !
Alors avant toute chose, petit avertissement : n'en abusez pas. J'espère avoir été clair.

Pour mettre de la couleur dans vos messages, il y a plusieurs méthodes :


Voyons-les dans l'ordre !

La méthode simple

Cette méthode est la plus simple si vous connaissez vos couleurs en anglais.
Code:
[color=white]Du texte en blanc ![/color] Plus de blanc ici.
Du texte en blanc ! Plus de blanc ici.

C'est tout. Vous mettez un [color = (sans espace) suivi du nom d'une couleur en anglais, vous fermez avec un [/color].
Les couleurs possibles sont (avec traduction si besoin) : red (rouge), orange, brown (marron), yellow (jaune), green (vert), olive, blue (bleu), indigo, purple (violet), violet (donne un violet clair), white (blanc), grey (gris) et black (noir).
Notez que certaines de ces couleurs peuvent être précédée de dark pour foncé ou light pour clair (par ex. darkred donne du rouge foncé). Cependant, si cela fonctionne très bien avec certaines couleurs (comme red, green ou blue), certaines donnent des résultats étranges (pourquoi lightorange donne du bleu ?!).


La méthode moins simple

Alors, moins simple façons de parler. Vous voyez cette palette de couleurs dans la barre d'outils juste au dessus, entre les deux A ? Si vous cliquez dessus, toute une palette de couleurs va apparaître. Cliquez sur la couleur de votre choix et l'éditeur mettra automatiquement des balises à l'intérieur desquelles votre texte aura la couleur que vous avez prises.
"Mais c'est plus simple que la méthode d'avant !" me diront certains. Oui, dans la mesure où vous n'avez pas à écrire vous-même les balises.
Non, dans la mesure où ça donne un truc de ce genre :
Code:
[color=#3366cc][/color]
Ce #3366cc, c'est le code RVB (Rouge Vert Bleu, ou RGB en anglais) de la couleur, en hexadécimal. Vous n'avez pas besoin d'en apprendre plus que ça si vous ne voulez pas vous lancer dans le graphisme ou l'informatique.
Sachez juste qu'un code RVB en hexadécimal, même pour un mec qui s'y connaît pas mal en infographie et en informatique (comme moi), c'est assez illisible, et en ce sens c'est une méthode moins simple que de juste mettre le nom de la couleur en anglais.
L'avantage, c'est que vous pouvez mettre absolument n'importe quelle couleur, même si elle n'est pas dans la palette proposée. Vous avez exactement 16 777 216 possibilités...
Vous pouvez aller sur code-couleur.com ou encore sur convertisseur-gratuit.com pour créer un code RVB hexadécimal à partir d'une couleur, ou pour voir la couleur à partir du code.
Cela peut se faire aussi sur toutes-les-couleurs.com qui vous donnera également une longue liste de couleurs pré-faites. Note : pour utiliser ces couleurs pré-faites dont le code vous est donné en décimal et non en hexadécimal, allez sur kitsgraphiques.net
Par exemple, (121, 248, 248) devient #83F8F8.


La méthode propre au forum

Cette méthode implique l'utilisation de classes. Je m'explique : vous allez englober le texte à colorer dans des balises qui comportent une des classes définies spécifiquement pour ce forum. Exemple :
Code:
<span class="feu">Rouge feu !</span> A plus rouge.
Rouge feu ! A plus rouge.
Ceci a été fait dans une idée de cohérence dans le forum : ainsi, si par exemple il est décidé de changer la couleur correspondant à l'élément feu, tous les textes utilisant la classe "feu" subiront les changements d'un seul coup. Pratique !
À noter que si le paragraphe entier est coloré, vous pouvez mettre seulement p au lieu de span.
Code:
<p class="glace">Un paragraphe entier aux couleurs de la glace !</p>
Notez que la balise p provoque un retour à la ligne implicite après elle, tenez compte de ce détail si vous accordez de l'importance à l'aération de vos textes.
Code:
<p>Il y a un retour à la ligne</p>dans cette phrase.
<span>Mais pas dans</span> celle-ci !

Il y a un retour à la ligne

dans cette phrase.
Mais pas dans celle-ci !

Voir la liste des classes disponibles.


La méthode complète et portable

Vous n'en aurez probablement pas besoin, mais mettons que vous tombiez sur un site qui supporte le HTML (c'est-à-dire à peu près tous) mais pas le BBCode.
À la place de :
Code:
[color=#181818][/color]
Mettez :
Code:
<span style="color: #181818;">Du texte extrêmement foncé.</span>

ou, si vous ne voulez pas mettre d'hexadécimal :
<span style="color: rgb(24, 24, 24);">Du texte tout aussi foncé.</span>
(18 an hexadécimal vaut 24 en décimal)

Vous pouvez même, si vous le désirez, mettre de la transparence !
<span style="color: rgba(24, 24, 24, 0.4);">Toujours aussi foncé, mais avec une opacité de 40%</span>

Le quatrième paramètre étant compris entre 0 et 1 : 0 = invisible, 1 = opaque..
N'oubliez pas le point-virgule !
Enfin, comme précédemment, si le paragraphe entier est coloré, vous pouvez mettre p au lieu de span.

En fait, je vous indique les balises p et span, mais ceci fonctionne avec toutes les balises HTML, comme par exemple le h1 que je vous présente dans le tuto Mettre en forme vos textes.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kiukuni.forumgratuit.org
 
La couleur dans les messages
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les Arpenteurs de Kiùkuni :: À propos du forum :: Règlement et autres informations-
Sauter vers: