Mettre en forme un texte

On dit souvent que dans l'écriture, deux choses sont importantes : l'histoire et un texte exempt de faute. C'est vrai, personne ne le niera. Mais c'est aussi oublier quelque chose d'essentiel : la présentation.

Un bon texte avec une présentation médiocre n'attirera personne, un texte médiocre avec une bonne présentation attirera du monde. Je ne parle pas là de retenir le lecteur - le texte est seul capable de le faire - mais bien de l'attirer, parce que si on n'attire personne, on ne retient fatalement personne.

Pour autant, pas d'inquiétude, les forums offrent un panel intéressant de fonctionnalités pour mettre en forme son texte de façon à ce qu'il soit un plaisir pour l’œil. C'est ce que nous allons voir dans la suite de ce post.

• Centrer
  
• Justifier
  
• Aligner à droite
  
• Aligner à gauche
  
• Mettre en gras
  
• Mettre en italique
  
• Souligner
  
• Barrer
  
• Mettre en exposant
  
• Mettre en indice
  
• Changer la taille du texte
  
• Changer de police d'écriture
  
• Mettre en couleur
  
• Cacher un texte
  
• Mettre sous spoiler
  
• Encadrer un texte
  
• Citer
  
• Mettre un "code"
  
• Faire un défilement horizontal
  
• Faire un défilement vertical
  
• Faire un défilement diagonal
  
• Faire un effet miroir vertical
  
• Faire un effet miroir horizontal
  
• Faire un effet sale
  

Centrer

Centrer son texte, c'est le mettre au centre de la page de texte.


Texte centré :


Pour centrer un texte, entourez-le du code suivant :

Code:

[center]Votre texte ici[/center]

Note : le code pour centrer un texte marche à travers le code pour le justifier. L'inverse ne marche pas.

Justifier

Justifier un texte, c'est lui donner la mise-en-page d'un livre, c'est à dire aligné les bords droits et gauches des lignes de texte contre les bords de la page.


Exemple d'un texte non-justifié :

Exemple d'un texte justifié :



Pour justifier son texte, entourez-le du code suivant :

Code:

[justify]Votre texte ici[/justify]

Note : ce code s'applique sur des paragraphes. Il ne sert à rien sur des bouts de phrases au hasard ou sur des phrases trop courtes pour atteindre le bord droit de la page.

Note 2 : ce code est inutile sur le forum, la justification du texte y est automatique.

Aligner à droite

Aligner à droite permet de placer l'alignement d'un texte à droite.


Texte aligné à droite :


Pour aligner un texte à droite, entourez-le du code suivant :

Code:

[right]Votre texte ici[/right]

Note : l'alignement à droite marche à travers les autres codes (hors code d'alignement à gauche).

Aligner à gauche

Aligner à gauche permet de mettre l'alignement d'un texte à gauche.


Texte aligné à gauche :


Pour aligner un texte à gauche via un code, entourez-le du code suivant :

Code:

[left]Votre texte ici[/left]

Note : ce code s'avère généralement inutile puisque les langues latines (et donc leur mise-en-page) se fait automatiquement à gauche.
Il marche cependant à travers un code d'alignement à droite.

Mettre en gras

Mettre en gras consiste à grossir le trait de la police d'écriture pour mettre en avant le texte impliqué.


Texte en gras :
"Lorem ipsum dolor sit amet"


Pour mettre un texte en gras, entourez-le du code suivant :

Code:

[b]Votre texte ici[/b]

Astuce : pour aller plus vite et ne pas avoir à taper le code, vous pouvez appuyer sur les touches [ Ctrl ]+[ b ].

Mettre en italique

Mettre en italique consiste à pencher les lettres vers la droites pour distinguer le texte impliqué du reste.


Texte en italique :
"Lorem ipsum dolor sit amet"


Pour mettre un texte en italique, entourez-le code suivant :

Code:

[i]Votre texte ici[/i]

Astuce : pour ne pas avoir à taper le code, appuyez sur les touches [ Ctrl ]+[ i ].

Souligner

Souligner un texte consiste à placer un trait sous le texte pour le mettre en avant.


Un texte souligné :
"Lorem ipsum dolor sit amet"


Pour souligner un texte, entourez-le du code suivant :

Code:

[u]Votre texte ici[/u]

Astuce : pour ne pas avoir à taper le code, appuyez sur les touches [ Ctrl ]+[ u ].

Barrer

Barrer un texte consiste à placer un trait sur les lettres pour en obstruer la lecture.


Un texte barré :
"Lorem ipsum dolor sit amet"


Pour barrer un texte, entourez-le du code suivant :

Code:

[strike]Votre texte ici[/strike]

Mettre en exposant

Mettre un texte en exposant consiste à le surélevé par rapport au texte qui l'entoure.


Texte en exposant :
Comme suit : ^{"Lorem ipsum dolor sit amet"}


Pour mettre un texte en exposant, entourez-le du code suivant :

Code:

[sup]Votre texte ici[/sup]

Note : en exposant, le texte se met automatiquement en petit pour se différencier du reste.

Mettre en indice

Mettre un texte en indice consiste à l'abaisser par rapport au texte qui l'entoure.


Texte en indice :
Comme suit : _{"Lorem ipsum dolor sit amet"}


Pour mettre un texte en indice, entourez-le du code suivant :

Code:

[sub]Votre texte ici[/sub]

Changer la taille du texte

Changer la taille d'un texte permet de le mettre en évidence en le rendant soit plus gros soit plus petit que le texte en taille basique.


Texte de taille normal > une taille plus grande > une taille plus petite :
"Lorem ipsum dolor sit amet" > "Lorem ipsum dolor sit amet" > "Lorem ipsum dolor sit amet"


Pour changer la taille d'un texte, entourez-le du code suivant :

Code:

[size=Ø]Votre texte ici[/size]

Remplacez le Ø par la taille de texte que vous désirez.

Note : Les posts sont en 12 par défaut.

Changer la police du texte

Changer la police de texte consiste à changer l'esthétique des lettres.


Police en Times New Roman :
"Lorem ipsum dolor sit amet"


Pour changer la police d'un texte, entourez-le pas le code suivant :

Code:

[font=Ø]Votre texte ici[/font]

Remplacez le Ø par le nom de la police que vous désirez mettre.

Note : Les protocoles des navigateurs sont assez restreints concernant les polices. Les plus communes sont Arial, Times New Roman, Georgia, Tahoma, Lucida, Impact et Comic Sans MS.

Mettre en couleur

Changer la couleur d'un texte consiste à lui appliquer une couleur différente de la couleur par défaut.


Texte en vert :
"Lorem ipsum dolor sit amet"


Pour appliquer une couleur à un texte, entourez-le du code suivant :

Code:

[color=Ø]Votre texte ici[/color]

Remplacez le Ø par le nom ou le code hexadécimal (#) de votre choix.

Note : Vous pouvez trouver la liste des couleurs pouvant être appliquées par leur nom [url=ici]ici[/url].

Note 2 : Il est impossible de faire un dégradé avec le BBCode. C'est à la main ou rien ^^

Cacher un texte

Cacher un texte consiste à empêcher les gens qui n'ont pas l'autorisation de lire le texte.


Texte caché :



Pour faire un effet miroir, entourez votre texte du code suivant :

Code:

[hide]Votre texte ici[/hide]

Note : ce code permet de cacher le texte aux gens qui n'ont pas poster sur le sujet. De fait, seuls les gens qui ont postés sur le sujets et les administrateurs et modérateurs pourront voir ce que vous écrivez dans le "hide".

Mettre en spoiler

Cacher un texte consiste à le soustraire au regard jusqu'à ce qu'on clique sur le bouton ou le texte qui permettra de le dévoiler.


Texte caché :

Spoiler:

Pour cacher un texte, entourez-le du code suivant :

Code:

[spoiler]Votre texte ici[/spoiler]

Encadrer un texte

Encadrer un texte consiste à l'entourer d'un cadre.


Texte encadré :



Pour encadrer un texte, entourez-le du code suivant :

Code:

[hide]Votre texte ici[/hide]

Citer

Citer un texte c'est le sortir de son contexte initial pour le mettre dans un autre contexte et, souvent, y répondre.


Texte en citation simple :

Citation :

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Texte en citation nommée :

SoomJy a écrit:

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Pour citer un texte, entourez-le du code suivant :

Code:

[quote]Votre texte ici[/quote]

Pour citer un texte avec le nom de son auteur, entourez-le du code suivant :

Code:

[quote="Ø"]Votre texte ici[/quote]

Remplacez le Ø par le nom désiré.

Mettre un "code"

Mettre un texte en "code" consiste à rendre inactifs les codes inscrits à l'intérieur pour les mettre en lumière.


Texte sous code :

Code:

"Lorem ipsum dolor sit amet"

Pour mettre un texte sous code, entourez-le du code suivant :

Code:

[code]Votre texte ici[/code]

Faire un défilement horizontal

Faire un défilement horizontal consiste à faire défiler un texte de la droite vers la gauche.


Texte défilant horizontalement :
"Lorem ipsum dolor sit amet"


Pour faire défiler votre texte horizontalement, entourez-le du code suivant :

Code:

[scroll]Votre texte ici[/scroll]

Faire un défilement vertical

Faire défiler un texte verticalement consiste à faire défiler un texte du bas vers le haut.


Texte en défilement vertical
"Lorem ipsum dolor sit amet"


Pour faire défiler le texte verticalement, entourez-le du code suivant :

Code:

[updown]Votre texte ici[/updown]

Faire un défilement diagonal

Faire défiler un texte en diagonal consiste à le faire bouger de droite à gauche et de haut en bas simultanément.


Texte en défilement diagonal :
"Lorem ipsum dolor sit amet"


Pour faire défiler le texte en diagonale, entourez-le des codes suivants :

Code:

[scroll][updown]Votre texte ici[/updown][/scroll]

Faire un effet miroir vertical

Faire un effet miroir vertical sur un texte consiste à le contraindre à être écrit la tête à l'envers.


Texte avec un effet miroir vertical :
"Lorem ipsum dolor sit amet" 


Pour faire un effet miroir, entourez votre texte du code suivant :

Code:

[flipv]Votre texte ici[/flipv]

Faire un effet miroir horizontal

Faire un effet miroir horizontal sur un texte consiste à le contraindre à être écrit comme dans un miroir.


Texte avec un effet miroir horizontal :
"Lorem ipsum dolor sit amet" 


Pour faire un effet miroir horizontal, entourez votre texte du code suivant :

Code:

[fliph]Votre texte ici[/fliph]

Faire un effet sale

Faire un effet sale sur un texte consiste à le flouté.


Texte avec un effet sale :
"Lorem ipsum dolor sit amet"


Pour faire un effet sale sur un texte, entourez-le du code suivant :

Code:

[blur]Votre texte ici[/blur]

Comme vous le voyez, les possibilités sont nombreuses pour mettre un texte en forme de façon esthétique. Elles sont d'autant plus grandes que les codes peuvent se combiner.

Attention cependant : pour combiner des codes, vous devez impérativement respecter l'ordre d'ouverture et de fermeture, sinon aucun code de la combinaison ne marchera.
Pour vous y retrouver, sachez que le premier code ouvert doit être le dernier fermé, à l'inverse le dernier code ouvert doit être le premier fermé. Comme ceci :
"Lorem ipsum dolor sit amet"

Code:

[b][i][u]Votre texte ici[/u][/i][/b]

Maintenant, à vous de jouer !

[/justify]