Le BBCode du forum

Bonjour à tous !!! Puisque vous êtes venus jusqu'ici, vous allez apprendre à manier le BBCode, qui est utilisé dans tous les messages du forum.
Grâce à lui, vous pourrez insérer dans tous vos messages des citations, des images, des liens, etc ... et avec ça, c'est la grande classe assurée

Dans ce tutorial, vous allez apprendre à manier de nombreuses balises du BBCode.

Mais qu'est-ce qu'une balise ?

Une balise est en quelque sorte un "clé qui indique à l'ordinateur ca que vous voulez insérer (image, lien, ...) [img] en est une par exemple

Chaque message correspond à un chapitre. Comment ça c'est long ? mais pas du tout (quoique ...)

Bon courage pour tout suivre et AU TRAVAIL !!!

Au fait, pour les utilisateurs de FIREFOX, je recommande l'installation de cette extension, qui permet d'insérer du BBCode très facilement : il suffit de cliquer sur le bouton de la barre et de remplir les cases. En cas de problème avec cette extension, contactez-moi par MP.

Comment insérer une image dans un message ? Il faut tout d'abord connaître l'adresse url de l'image.

La quoi ?

L'adresse url est "l'adresse internet" de l'image. Elle commence toujours (comme toutes les adresses url) par http://

Quand il s'agit d'une image trouvée sur internet avec google image, il suffit d'aller jusqu'à "image non réduite", de cliquer dessus. L'image s'affiche en grand. L'adresse se trouvant dans la barre d'adresse url est celle de l'image.

Pour insérer l'image, nous allons utiliser la balise .

Et voilà !

par exemple, si on tape comme code (pour insérer le logo de Firefox) :

Code:

[img]http://www.20minutes.fr/img/photos/20mn/debats/firefox.jpg[/img]

on va obtenir :

Maintenant que vous arrivez à mettre de jolies images dans vos messages, vous voulez sans doute écrire en gras, souligné, italique et même en barré. Non ? Tant pis, parce que c'est moi qui écrit ce tutoriel et qui décide de ce qu'il contient

Ecrire en gras :

Pour écrire en gras, nous utiliserons les balises comme ci-après :

Code:

[b]Le texte que vous voulez écrire en gras[/b]

Voila le résultat :
Le texte que vous voulez écrire en gras
Ecrire en italique :

Pour écrire en italique, nous utiliserons maintenant les balises comme ci-après :

Code:

[i]Le texte que vous voulez écrire en gras[/i]

Et le résultat :
Le texte que vous voulez écrire en italique

Ecrire en souligné :

Les balises sont maintenant :

Code:

[u]Le texte que vous voulez écrire en souligné[/u]

Voila le résultat :
Le texte que vous voulez écrire en souligné

Ecrire en barré :

Comme d'habitude mais avec les balises comme ci-après :

Code:

[strike]Le texte que vous voulez écrire en barré[/strike]

Voila le résultat :
Le texte que vous voulez écrire en barré

Et si je veux écrire en gras-italique-souligné-barré, comment je fais ?

Il suffit de combiner les balises

Code:

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

Ce qui donnera :
Votre texte

Avouez quand même que ce n'est pas très lisible !

Il existe aussi des balises pour modifier le texte, mais cela fera l'objet d'un autre chapitre ; celui-ci est déjà très long.

Sur un forum, quand vous voulez réagir à une phrase postée par un utilisateur, vous pouvez insérer une citation dans votre message. Celle-ci pourra prendre les formes suivantes :

Citation :

Je ne pense pas qu'il y ait de bonne ou de mauvaise situation

ou :

Otis a écrit:

Je ne pense pas qu'il y ait de bonne ou de mauvaise situation

Voici comment insérer une citation du premier type, plutôt utile quand vous ne retrouvez pas le nom de l'utilisateur que vous citez. le schéma est le même que d'habitude, avec la balise [ quote ] (à écrire sans les espaces)


Pour insérer une citation du deuxième type, voici le schéma :

Code:

[ quote="Nom de l'utilisateur"]Votre citation[/quote ]

Là encore, les balises doivent être entrées sans les espaces, mais je ne peux pas le faire dans ce tutoriel sans créer une citation.
ATTENTION : le nom de l'utilisateur doit être entré entre guillemets !

FlorentP a écrit:

Et voilà le travail ! A vous maintenant !

Attention à vous, on entame un chapitre tès utile (le reste l'était aussi, mais là, c'est du sérieux. Nous allons apprendre à insérer des liens hypertextes.

Un lien hyperquoi ?
Un lien hypertexte est un mot ou un groupe de mots réglé de telle façon que, lorsque l'on clique dessus, on arrive sur une autre page internet.

IL faut d'abord connaître l'adresse url de la page (maintenant, vous savez ce que c'est.).
Ensuite on peut l'insérer ici aussi de 2 manières différentes :

https://forumdesaintjude.1fr1.net/

ou :

le forum de saint jude

Pour la première méthode, ce n'est pas compliqué :

Code:

[url]adresse url de la page (commence par http://)[/url]

Pour l'autre méthode, qui est lus présentable, voici le schéma :

Code:

[url=votre adresse url]le texte du lien hypertexte[/url]

On fait comme pour les citations sauf que l'adresse n'est pas entre guillemets.

On a vu comment insérer une image, modifier le style du texte, insérer une citation, un lien hypertexte. Il nous reste à voir le spoiler.

késako ?

Un spoiler est un message que l'utilisateur du forum ne verra pas tout de suite. Il devra cliquer dessus pour voir le message.

Pour ceux qui n'auraient pas bien suivi, voici un exemple. Cliquez dessus :

Spoiler:

Vous avez compris ? Heureusement, parce que je n'arrive pas à être plus clair

Voici le schéma (vous êtes habitués maintenant) :

Code:

[spoiler]texte du spoiler[/spoiler]

Spoiler:

Vous en vouliez d'autres ? Les voila ! De quoi , des fonctions pour modifier le style de votre texte !

aligner ou centrer le texte :

Il existe trois cas de figure :

1) aligner à gauche

On entourera le texte à aligner à gauche avec les balises du code ci-dessous :

Code:

[left]Le texte que vous voulez aligner à gauche[/left]

IMPORTANT : Sur ce forum, ces balises ne fonctionnent pas : elles sont inutiles parce que le texte est automatiquement aligné à gauche.

2) centrer

On utilisera ces balises :

Code:

[center]le texte à centrer[/center]

Ce qui va donner :


3) aligner à droite

Le principe est toujours le même, voici les balises :

Code:

[right]le texte à aligner à droite[/right]

Voici le résultat :



NB : les anglophones (et ils sont nombreux sur ce forum )ont bien sûr deviné cette balise par eux-mêmes. En effet, :study: en anglais left signifie gauche, center signifie centre et right signifie droite (vous le saviez déjà , Vous connaissez donc tout le BBCode ? Pourquoi êtes-vous là alors ?)

modifier la taille et la couleur du texte

1) modifier la taille

Pour modifier la taile on utilisera cette méthode :

Code:

[size=taille du texte]texte[/size]

La taille du texte est ici un nombre (voir ci-dessous) :
2

6
8
10
12
14
16
18
20
22
24
25
26
28
29

NB : Ce chiffre doit-être strictement inférieur à 30. En dessous de 6, c'est vraiment indéchiffrable.

modifier la couleur du texte

Pour modifier la couleur, voici le schéma :

Code:

[color=couleur]texte[/color]

voici les couleurs possibles (les noms sont en anglais)
darkred
red
orange
brown
yellow
green
olive
cyan
blue
darkblue
indigo
violet
white
">

Ci dessus, il y a la couleur noire (il faut surligner pour la voir)

NB : par défaut, la couleur est blanche.







">Et voila !!!