Les BB codes

Administrateur Messages : 107 Date d'inscription : 05/07/2009

Qu'est ce que le BBcode ?

Il s'agit d'un pseudo langage informatique qui vous permet d'indiquer au forum qu'il faudra faire quelque chose de particulier lorsqu'il enverra votre message. Et oui ! Vous allez connaître un langage informatique ! En fait, non mais presque. Le BBcode permet de mettre vos paroles en gras, en couleur, en plein d'autre choses, d'organiser vos textes, d'insérer une image voire une video, un dé, un spoiler, plein de petites choses.

Comment ça fonctionne ?

Tout d'abord la base. Mais faisons cela sur un exemple. Supposons que vous vouliez mettre un texte en gras.

Il faut indiquer à l'ordinateur où il faut qu'il commence. Donc à l'endroit où vous voulez que ça commence, vous mettez et il faut lui dire où cela se terminera. et mettre un [/b*] (à noter que l'astérisque ne doit pas être mise, c'est juste pour ne pas que le code s'active.)

Donc par exemple, si on veut avoir le texte "l'étape suivante" dans la phrase "Le mutant est l'étape suivante de l'évolution humaine" il faut écrire :

Code:

"Le mutant est [b]l'étape suivante [/b]de l'évolution humaine"

et cela vous donne :

"Le mutant est l'étape suivante de l'évolution humaine"

Donc là, vous vous posez deux questions :
1) C'est bien beau mais je vais m'embêter à taper à chaque fois ?
En général on se contente effectivement de sélectionner la zone sur laquelle s'applique le BBcode et de cliquer sur le bouton qui correspond. Mais c'est parfois plus rapide d'écrire le code.

Surtout, il faut le comprendre pour pouvoir appliquer plusieurs effets à un texte. Mais nous allons le voir après.

2) Pourquoi est-ce qu'on a mis un 'b' ?

Un b parce que cela est la première lettre de 'blod' en anglais qui veut dire 'gras', justement. En fait, le 'b' et ce qu'on met pour remplacer le 'b' indique à l'ordinateur ce qu'il doit faire.

Voici une liste des BBcodes les plus courants :

b : gras
i : italique
u : souligné
strike : barré
code : tout les BBcodes dans la zone sélectionnée ne pourront pas fonctionner
quote : citer. Cela met en avant la zone sélectionnée en la placant dans un cadre de couleur
img : mettre une image. La zone sélectionnée doit être une adresse. (voir le sujet héberger une image)
url : créer un lien. La zone sélectionnée doit être une adresse.
scroll : faire défiler un texte de droite à gauche
updown : faire défiler un texte de bas en haut
center : le texte sélectionné se trouvera centré sur la ligne, au lieu d'être à gauche
right : le texte sélectionné se trouvera à droite sur la ligne, au lieu d'être à gauche
justify : le texte est justifié
blur : effet flou
flipv : effet miroir vertical
fliph : effet miroir horizontal
fade : effet dégradé
sub : indice
sup : exposant
spoiler : le texte sélectionné sera caché. Pour le révéler, il faut cliquer dessus
hide : le texte sélectionné sera caché sauf aux administrateurs et aux écrivains du sujet.

Cette première série de BBcode est mise ensemble car il suffit de prendre le BBcode et de le placer tel que nous l'avons donné dans l'exemple

La liste suivante est ce que j'appelle des BBcode à précision.

Ce qu'il y a derrière le = précise la couleur, la taille que vous voulez mettre. Sans la précision, cela ne fonctionne pas. Pour fermer, mettez juste color ou size ou autre suivant le cas.

color=nom d'une couleur : pour changer la couleur d'un texte. Le nom de la couleur peut être automatique ou se trouver dans le tableau plus bas.

Quote="nom d'une personne" : ce BBcode mettra Nom d'une personne a écrit. Attention les guillemets du code ne sont pas optionnels

size=taille : pour changer la taille du texte. Il faut mettre un chiffre. La taille par défaut est de 12.

font=nom de la police : pour changer la police d'écriture.

Petite exception : faire un lien sans que l'adresse ne se voit.

Code:: [url=http://la-pomme-mutante.forumactif.com/forum.htm]Cliquez ici ![/url]

qui donne :
Cliquez ici !

La liste suivante fait montre de BBcode un peu particuliers.

Saute une ligne

Si votre touche entrée ne fonctionne pas. XD
Random : tire un nombre aléatoire. Avec un exemple, c'est plus facile.

Code:: [rand]50[/rand]

dans cet exemple, le nombre tiré sera compris entre 1 et 50

Code:: [rand]-6;50[/rand]

dans cet exemple, le nombre tiré sera compris entre - 6 et 50

Liste non-ordonnée :
avec un exemple encore :

Code:: [list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]

Qui donne

Rouge
Bleu
Jaune

Liste ordonnée :
avec deux exemples cette fois-ci :

Code:: [list=1]
[*]S'amuser
[*]Jouer
[*]Délirer
[/list]

S'amuser
Jouer
Délirer

ou

Code:: [list=a]
[*]S'amuser
[*]Jouer
[*]Délirer
[/list]

S'amuser
Jouer
Délirer

Voilà une liste à peu près exhaustive des BBcodes (il en manque trois à vrai dire.)

Comment combiner les BBcodes ?

Vous aurez compris qu'on ne peut pas les combiner n'importe comment.

Prenons l'exemple où nous voulons mettre une image dans un spoiler. La logique est la suivante :

J'ai mon lien :

http://7poupounette.7.p.pic.centerblog.net/3562s07a.jpg

Je dois dire à l'ordinateur qu'il s'agit d'une image

Code:: [img]http://7poupounette.7.p.pic.centerblog.net/3562s07a.jpg[/img]

Je dois dire à l'ordinateur que cette image est à mettre dans un spoiler

Code:: [spoiler][img]http://7poupounette.7.p.pic.centerblog.net/3562s07a.jpg[/img][/spoiler]

Il faut faire les choses dans le bon ordre Si vous mettez

Code:: [spoiler][img]http://7poupounette.7.p.pic.centerblog.net/3562s07a.jpg[/img][/spoiler][img]

Cela ne veut rien dire pour le pc. Donc ça bugue.

Administrateur Messages : 107 Date d'inscription : 05/07/2009

La couleur.

La couleur est un allié puissant mais à ne pas utiliser à la légère.

¤ Première condition de la bonne utilisation de la couleur : il faut qu'elle soit agréable à la lecture. Evitez les couleurs trop flashy et/ou trop difficile à lire

¤ Deuxième condition de la bonne utilisation de la couleur : la parcimonie. Tenez vous-en à une couleur qui restent constantes dans le temps. N'en mettez pas n'importe où et n'oubliez pas que la couleur par défaut doit être majoritaire dans un post.

Sur ces quelques conseils, voici quelques couleurs :

A noter que si vous avez une idée très particulière en tête, ouvrez un logiciel de retouche d'image et sélectionnez la couleur voulue. Il doit normalement traîner quelque part le code hexa de cette couleur. (Je ne peux pas être plus précis, cela dépend du logiciel.)

Administrateur Messages : 107 Date d'inscription : 05/07/2009

Créer un système de lien inter-sujets.

Voilà L' astuce utile en rp lorsqu'une même conversation va d'un sujet à l'autre parce que les personnages changent de lieu.

Pour se retrouver directement dans le sujet suivant en cliquant sur un lien et de même, à partir d'un sujet, retrouver le sujet précédent pour mieux comprendre où l'action en était.

Prenons le cas suivant

sujet A :

Citation :: Bla bla bla et le mutant poursuivi son adversaire qui se dirigeait vers l'Empire State Building !

Les immeubles >>.

Sujet B :

Citation :: >> La plage.

Le mutant avait les poumons en feu. Sa cible était rapide mais il avait finalement réussi à la rattraper. Il entra dans le bâtiment et bla et bla et bla.

Comment faire pour lier ces liens ?

Tout d'abord, il faut commencer par poster un message (disons le A) Alors, on copie l'adresse de la page puis on va la coller dans le message du sujet B Avec ces balises :

Code:: [url=adressedusujetA]>> La plage.[/url]

Bien sur, le terme de 'la plage' est interchangeable.

Une fois que l'on a posté ce sujet, on recommence l'opération : on copie l'adresse du sujet B et on va éditer le dernier message du sujet A pour mettre l'adresse.

Et le tour est joué. On peut naviguer d'un sujet à l'autre par simple clic sans rompre ainsi la continuité de la lecture.

Spoiler: