Aide : HTML

Le Html n'est pas facile à travailler à première vue. Cependant, c'est plus facile que l'on peut le penser. Ce tutoriel a été créer pour vous aider un peu à mettre de la vie dans vos rp, dans vos fiches... Vous pourrez utiliser les codes qui vous seront donné.

Commençons par le commencement, les bases.

Pour centrer votre texte

Code:

[center]Texte ici[/center] ou <div align="center">Texte ici</div>

Pour mettre votre texte à droite

Code:

[right]Texte ici[/right] ou <div align="right">Texte ici</div>

Pour justifier votre texte

Code:

[justify]Texte ici[/justify] ou <div align="justify">Texte ici</div>

Pour mettre votre texte en italique

Code:

[i]Texte ici[/i] ou <i>Texte ici</i>

Pour mettre votre texte en gras

Code:

[b]Texte ici[/b] ou <b>Texte ici</b>

Pour souligner votre texte

Code:

[u]Texte ici[/u] ou <u>Texte ici</u>

Pour barrer votre texte

Code:

[strike]Texte ici[/strike] ou <strike>Texte ici</strike>

Le "list", c'est pour faire une marge à gauche de votre texte afin d'amincir votre texte. Pour ajouter une puce, vous rajouter un astérix entre deux crochets.

Code:

[list]Texte ici[/list]
[list][*]Texte ici[/list]

Il y a cependant une autre façon un peu plus complexe de faire une liste. Celle qui vous est présentée juste en haut est en BBcode. La suivante est en HTML.

Code:

<ul>
Texte 1
Texte 2
Texte 3
</ul>

ce qui donne

Texte 1
Texte 2
Texte 3

Le ul représente le "list" comme dans le code d'en haut. Pour ajouter une puce, vous devez mettre un < li > avant et après chaque éléments de la liste.

Code:

<ul>
<li>Texte 1</li><li>Texte 2</li><li>Texte 3</li>
</ul>

ce qui donne

• Texte 1
• Texte 2
• Texte 3

Vous pouvez également remplacer les puces par des numéros. Il ne s'agit pas du même code par contre.

Code:

<ol>
<li>Texte 1</li><li>Texte 2</li><li>Texte 3</li>
</ol>

Ce qui donne

1. Texte 1
2. Texte 2
3. Texte 3

Le "blockquote" sert à faire une marge à votre texte des deux côtés. C'est un peu comme le "list", mais des deux cotés. Il sert aussi à amincir le texte. Personnellement, j'utilise toujours le "blockquote", le "list" et le "justify" pour mes Rp.

Code:

<blockquote>Texte ici</blockquote>

Pour grossir ou rapetisser votre texte {Notez que vous pouvez changer la grandeur à votre guise en modifiant le chiffre indiqué}

Code:

[size=16]Texte ici[/size]

Les couleurs, c'est quelque chose d'un peu embêtant, surtout que le choix que ForumActif nous donne est très limité. Voilà donc pourquoi je vous donne ici le nom de toutes les couleurs pour en mettre dans votre vie, si l'on veut ^^


Linen
AliceBlue
Teal
DarkCyan
CadetBlue
DarkTurquoise
PaleTurquoise
SeaGreen
MediumSeaGreen
DarkSeaGreen
MediumSpringGreen
SpringGreen
PaleGreen
LightGreen
Chartreuse
GreenYellow
YellowGreen
Lime
LimeGreen
ForestGreen
DarkGreen
DarkOliveGreen
DarkSlateGray
DimGray
Gray
DarkGray
Silver
Snow
Ivory
White


Pour mettre votre texte en couleur:

Code:

[color=nom de la couleur ou son code]Texte ici[/color] ou <div style="color:nom de la couleur ou code">Texte ici</div>

Notez aussi qu'il existe d'autres codes de chiffres et/ou de lettres pour des couleurs. Voici une image que j'ai trouver sur Google qui contient une grande quantité de couleurs différentes. Le code reste le même sauf qu'au lieu de mettre le nom de la couleur, vous mettez un "#" suivit de la série de 6 chiffres et/ou lettres qui correspond à la couleur voulue. Cliquez sur l'image pour l'agrandir.