Comment faire une mise en page sur ses messages ?

Here is my firt tutorial ! Thanks for your reading

Bah oui car, un messages qui veut être bien vu par tout le monde ne peut pas vouloir être lu sans une belle mise en page !
Eh bien nous allons étudier cela dans ce tutoriel réalisé avec mes mains pleines de sagesse.
Si vous ne comprenez pas ce tutoriel, allez vous faire foutre envoyez-moi un MP

I - Les bases

Nous allons commencer par le plus facile: les bases de la mise en page.
Il faut tout d'abord savoir que les mise en page se fait avec un codage appelé BBcode et HTML (que nous n'allons pas mentionner dans ce tuto). Ces codes son exprimer généralement par des balises, comme [ b ][ / b ] qui permet de rendre un texte gras.

Voici les bases:

Code:

[b]<Texte>[/b]

Permet de rendre un texte gras.

Code:

[i]<Texte>[/i]

Permet de rendre un texte italique.

Code:

[u]<Texte>[/u]

Permet de rendre un texte souligné.

Code:

[strike]<Texte>[/strike]

Permet de rayé un texte.

Code:

[color=<couleur>]<Texte>[/color]

Permet de colorer un texte.

Code:

[size=<chiffre>]<Texte>[/size]

Permet de contrôler la taille du texte.

Code:

[center]<Texte>[/center], [left]<Texte>[/left] et [right]<Texte>[/right]

Permet de modifier la place d'un texte (au centre, à droite ou à gauche).

Code:

[quote="<Pseudo>"]<Texte>[/quote]

Permet de citer les propos de quelqu'un.
(Remarquez aussi que si vous cliquer sur "Citer" à coter d'un message d'un membre, les balises sont déjà prêtes.)

Code:

[img]<Adresse d'image hébergée>[/img]

Permet d'insérer une image dans vos messages.

Code:

[url=<Adresse d'un site>]<Texte>[/url]

Permet de créer un lien.

Vous êtes maintenant prêt à faire une petite mise en page sympa
Nous allons maintenant voir les balises plus compliquées qui ajoute de jolis extras à votre message.

II - Les balises spéciales

Voyons les autres balises permettant d'enchérir votre message de beauté:

Code:

[list][*]<Texte>[/list]

Permet de créer une liste à puce (•).
Pour créer une nouvelle ligne dans la liste, ajouter [*] entre les balises puis tapez votre texte juste à la suite.

Code:

[list=][*]<Texte>[/list]

Permet de créer une liste à chiffres. (1, 2, 3...)

Code:

<Texte>[hr]<Texte>

Permet d'insérer une ligne entre 2 textes.

Code:

[code]<Code ou texte>[/code]

Permet d'insérer un code sans qu'il ne sois appliquer au message.

Code:

[table border="1"][tr][td]<Texte>[/td][/tr][/table]

Permet de créer un tableau.
Rajouter autant de balises "tr" et "td" pour ajouter autant de colonnes et de lignes.

Code:

[flash(<largeur,hauteur>)]<Adresse de l'animation>[/flash]

Permet d'insérer une animation Flash dans vos messages.

Code:

[youtube]<Adresse de la vidéo>[/youtube] et  [dailymotion]<Adresse de la vidéo>[/dailymotion]

Permet d'insérer une vidéo de YouTube ou de Dailymotion.

Code:

[font=<Nom de la police>]<Texte>[/font]

Permet de modifier la police d'un texte.

Code:

[sub]<Texte>[/sub] ou [sup]<Texte>[/sup]

Permet de rendre un texte en _indice ou en ^exposant. (Ex: H₂O, 5²...)

Code:

[spoiler]<Texte>[/spoiler]

Permet de cacher un texte dans un rectangle. (Il suffit de cliquer sur celui-ci pour faire apparaître ledit texte.)

Code:

[hide]<Texte>[/hide]

Permet de caché un texte.

Code:

[scroll]<Texte>[/scroll] et [updown]<Texte>[/updown]

Permet de faire défilé un texte horizontalement ou verticalement.

Code:

[rand]<Nombre>,<Nombre>[/rand]

Permet de faire apparaitre 1 nombre aléatoire entre les 2 nombres choisi.

Vous êtes maintenant prêt à faire une magnifique mise en page digne des plus grands !

III - Les raccourcis

Il éxiste des bouton permettant de faire apparaître les balises plus rapidement.
Ces bouton se trouve en haut de l'éditeur de message. Voici la légende:

Spoiler:

Merci d'avoir lu

Tuto by Marco

Excellent Marco, excellent !

Tuto très clair

Je vote marco for president

J'aime bien le tuto.

waw . J'adore

Bon boulot.

Merci merci

T'as passé beaucoup de temps dessus ? mdr

Une bonne petite heure

Trés bonne utilisation de l'indice et l'exposant

on fait pas

Etoile c'est simple [URL= < Nom du site > ] < Texte > [/URL]

C'était expliqué pourtant

Lawl

Dernière édition par Marco le Dim 11 Oct 2009 - 13:35, édité 3 fois

Bien sûr

C'était expliqué avant que j'édite

J'avais éditer car j'avais fait des fautes

Super

Merci

Les tiens aussi sont super

Merci =)

C'est très clair ! J'adore.. bravo

Tankiou

Va réviser tes cours de codage