CHAP I : LES COULEURS

Vous pourrez avoir besoin de couleurs sur le forum pour vos mises en pages, aussi, nous vous en avons référencé quelques unes :

Maroon DarkRed Brown FireBrick IndianRed Crimson Red OrangeRed Tomato Coral LightSalmon DarkSalmon Salmon LightCoral PaleVioletRed Purple DarkMagenta DarkViolet DarkOrchid MediumOrchid Orchid Violet Plum Thistle MediumVioletRed DeepPink Fuchsia HotPink LightPink Pink PeachPuff Chocolate DarkGoldenrod DarkKhaki Goldenrod DarkOrange Orange SandyBrown BurlyWood Wheat Linen Gold Yellow PaleGoldenrod Ivory

Navy MidnightBlue DarkBlue DarkSlateBlue MediumBlue SlateBlue LightSteelBlue Aliceblue SteelBlue DodgerBlue CornflowerBlue LightSkyBlue LightBlue PowderBlue Teal DarkCyan CadetBlue LightSeaGreen DarkTurquoise MediumTurquoise PaleTurquoise SeaGreen MediumSeaGreen DarkSeaGreen MediumAquamarine MediumSpringGreen SpringGreen PaleGreen LightGreen Chartreuse GreenYellow YellowGreen Lime LimeGreen ForestGreen DarkGreen DarkOliveGreen DarkSlateGray DimGray Gray DarkGray Silver Lavender Snow FloralWhite

Pour les utiliser c'est très simple, il vous suffit de placer votre texte entre les balises couleurs comme ceci :

Code:

[color=]Votre Texte[/color]

Ensuite vous placer le nom de votre couleur comme ceci :

Code:

[color=Nomde votre couleur]Votre Texte[/color]

Et vous envoyez ! Les connaisseurs sauront qu'il est possible de procéder de la même manière pour les couleurs sous forme de code, mais dans ce cas, n'oubliez pas le "#"

CHAP II : LA MISE EN FORME

Code:

[justify]Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte[/justify]

Code:

[right]Texte à droite[/right]

Code:

[center]Texte centré[/center]

Code:

[left]Texte à gauche[/left]

Citation :

Citer un texte

Code:

[quote]Citer un texte[/quote]

Spoiler:

Code:

[spoiler]Utiliser le spoiler[/spoiler]

Faire une liste

Texte 1
Texte 2
Texte 3

Code:

Faire une liste
[list]Texte 1
Texte 2
Texte 3[/list]

Faire une liste

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

Code:

Faire une liste
[list=1][*]Texte 1
[*]Texte 2
[*]Texte 3[/list]

Faire une liste

• Texte 1
  
• Texte 2
  
• Texte 3

Code:

Faire une liste
[list][*]Texte 1
[*]Texte 2
[*]Texte 3[/list]

Insérer une ligne dans un texte Insérer une ligne dans un texte

---

Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte

Code:

Insérer une ligne dans un texte Insérer une ligne dans un texte [hr]Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte

CHAP III : LES DIFFÉRENTS CONTOURS

Il en existe un très grand nombre, mais nous allons vous en proposer quelques-uns.
Contour avec titre

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px solid; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px dotted; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px dashed; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px outset; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px ridge; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px inset; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px groove; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre

Votre texte

Code:

<fieldset style="border: Nom de votre couleur 4px double; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

CHAP IV : LES SÉPARATIONS

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px dashed votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px dotted votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px solid votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px groove votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 4px outset votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 4px inset votre couleur"></div>

Code:

<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 3px double votre couleur"></div>

CHAP V : LE TEXTE

Votre Texte

Code:

<p style="font-weight:normal;text-decoration:overline;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>

Votre Texte

Code:

<p style="font-weight:normal;font-variant:small-caps;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>

Votre Texte

Code:

[i]Votre Texte[/i]

Votre Texte

Code:

[u]Votre Texte[/u]

Votre Texte

Code:

[b]Votre Texte[/b]

Votre Texte

Code:

[strike]Votre Texte[/strike]

Votre Texte

Code:

<p style="font-weight:normal;text-transform:uppercase;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>

Votre Texte

Code:

<font style="font-style: italic; background-color: La couleur du fond;" size="6"><span style="font-family: Georgia;">[color=la couleur du texte]Votre Texte[/color]</span></font></font>

[wow]custom:Mot visible,, Mot invisible ,ffff77/t[/wow](passez votre souris sur le texte)

Code:

[wow]custom:Mot visible,, Mot invisible        ,ffff77/t[/wow]

Votre
Texte

Texte à mettre ici

CHAP VI : LES IMAGES

Voici un exemple :

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :

Code:

<div style="background-image: url(url de votre image);">Texte</div>

Placez votre texte à la place du mot \\\"texte\\\".

Pensez également à désactivez l'option \\\"ce que vous voyez, ce que vous avez\\\" lors de la rédaction de votre message

Voici un exemple :
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :

Code:

<img style="float: left; margin-right: 5px;" alt="" src="URL DE VOTRE IMAGE" /> Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pensez là aussi à désactivez l'option \\\"ce que vous voyez, ce que vous avez\\\" lors de la rédaction de votre message

Voici un exemple :
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :

Code:

<img style="float: right; margin-right: 5px;" alt="" src="URL DE VOTRE IMAGE" /> Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pensez encore une fois à désactivez l'option "ce que vous voyez, ce que vous avez" lors de la rédaction de votre message

CHAP VII : LES DIFFÉRENTS RECTANGLES

Afin de pousser plus loin encore vos possibilités de mise en page, nous avons mis en place différents fonds qu'il vous est possible d'utiliser de la manière suivante :

Code:

<div class="rectangle">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle1">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle2">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle3">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle4">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle5">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Code:

<div class="rectangle6">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>