[TUTO] Balises BBCODE du forum

[Fox]

Il peut manquer des trucs , j'avais sauvé ce tuto sur mon ancien ordi. Et vive le gros kikoo qui a virer les autres articles.



Bonjour alors je vais vous parler des balises BBcode

Qu'est ce que c'est ca ?

Ce sont des sortes de codes entre crochets ( [balise] )
On s'en sert pour changer par exemple la couleur du texte , la taille etc... Sur la chatbox principalement car lors d'un message on a pas besoin souvent de les mettre (grace aux differents boutons quand on poste un message) Mais certaines balises n'ont pas de boutons , il faut donc les inserer.Vous pouvez combiner plusieurs balises! (exemple : gras +italique =

Code:

[b][i]Coucou[/b][/i]

=Coucou
Une balise BBcode se compose comme ceci >

Code:


Salut ca va ?

Ce code donne ceci >


Salut ca va ?


Il se compose d'une 1ere balise entre crochets qui contient le nom de l'effet que vous voulait apporter au texte, ensuite le texte , ensuite la meme balise excepté avec un / devant.

Les differentes balises

Je vais vous donner toutes les balises possibles :

Partie 1 > Mise en forme du texte

Mettre le texte en gras :

Code:

Ce qui donne Résultat

Mettre le texte en italique :

Code:

Ce qui donne Résultat

Souligner le texte :

Code:

Ce qui donne Résultat

Barrer le texte :

Code:

Ce qui donne Résultat


Partie 2 > Changer la couleur du texte et la taille

Modifier la couleur du texte :

Code:

[color:663f=nom de couleur]</FONT>

Ce qui donne Résultat (Remplacez nom de couleur par une couleur reconnue exemple > blue , red yellow etc...)
Ou

Code:

[color:663f=#hexadecimal]</FONT>

Ce qui donne Résultat (Mettre un code couleur hexadecimal, exemple > #FFFFFF, #000000 etc...)

Modifier la taille du texte :

Code:

[size=chiffre][/size]

Ce qui donne Résultat taille 6
N.B. : max 29


Partie 3 > Citation et texte a pas fixe

Faire une citation avec le pseudo de l'utlisateur a l'interieur
[quote="pseudo"][/quote.](Supprimer le ".")
Ce qui donne

Résultat

Pour afficher un code ou police à pas fixe:

Code:

[code][/code]

Ce qui donne

Code:

Résultat

Partie 4 > Création de Listes

Faire une liste:

Code:


[list]
[/list]

Ce qui donne

Résulat 1
Résulat 2

Faire une liste avec puce:

Code:


[list]
[*]Info 1
[*]Info 2
[/list]

Ce qui donne

• Résulat 1
  
• Résultat 2
  

Partie 5 > Affichage d'images

Inserer une image

Code:

[img]http://adresse de mon image[/img]

Ce qui donne


Partie 6 > Créations de lien

Créer un lien :

Code:

[url]http://mon adresse[/url]

Ce qui donne https://jussie-and-yoda.forumgaming.fr/index.htm

Créer un lien sur du texte :

Code:

[url=http://mon adresse]mon texte[/url]

Ce qui donne Résulat

Créer un lien sur une image :

Code:

[url=http://mon adresse][img]http://adresse de mon image[/img][/url]

Ce qui donne

Créer un lien mail :

Code:

[email][/email]

Ce qui donne Resulat@world.fr


Partie 7 > Alignement

Centré :

Code:

Ce qui donne

Résultat

Alignement a droite :

Code:

[right][/right]


Ce qui donne

Résultat

Partie 8 > Divers effets

Effet miroir sur le texte :
Non compatible FireFox

Code:

 

Ce qui donne Résulat

Dégradé :
Non compatible FireFox

Code:

Ce qui donne Résulat

Effet flou, sale :
Non compatible FireFox

Code:

Ce qui donne Résultat

Défilement horizontale :

Code:




Ce qui donne

Résultat

Défilement verticale :

Code:




Ce qui donne

Résultat


Partie 9 > Cacher du texte + Animation Flash

Cacher du spoiler :

Code:

[spoiler][/spoiler]

Ce qui donne

Spoiler:

Cacher du texte :

Code:

[hide][/hide]

Ce qui donne </SPAN>



Résultat



Résulat

Pour inserer une animation flash

Code:

[embed-flash(largeur,hauteur)]http://ADRESSE_FLASH.swf[/embed-flash]

en remplaçant "hauteur" et "largeur" par leurs valeurs en pixels.

Par exemple, avec ce code :

Code:

[embed-flash(200,200)]http://img209.exs.cx/img209/9307/clock2l6zv.swf[/embed-flash]

on obtient ceci :



Voila toutes les balises

Merci d'avoir lu

[Fox]

On a aussi les balises

[youtube]lien youtube[/youtube]

pour afficher videos de youtube

[dailymotion]code lecteur exportable (c'est pas l'adresse cet fois mais le long code , vous trouverez dans la page[/dailymotion]