BB Code
Le BBCode vous permet de mettre en page tous les textes que vous publiez sur votre site. Il remplace le html qui n'est pas utilisable pour des raisons de sécurité.

Le BBcode comporte de nombreuses balises permettant de mettre en forme vos textes, d'y insérer des liens, des citations, des smileys, des images ou encore des vidéos .

Voici une présentation des différentes balises BBCode utilisables sur Utiliweb.


  • Mise en gras du texte.

Syntaxe à utiliser : [b]Ce texte s'affichera en gras[/b]

Effet : Ce texte s'affichera en gras


  • Mise en italique du texte.

Syntaxe à utiliser : [i]Ce texte s'affichera en italique[/i]

Effet : Ce texte s'affichera en italique


  • Soulignement du texte.

Syntaxe à utiliser : [u]Ce texte s'affichera en italique[/u]

Effet : Ce texte sera souligné


  • Alignement du texte à gauche.

Syntaxe à utiliser : [left]Ce texte s'alignera à gauche[/left]

Effet :
Ce texte s'alignera à gauche



  • Alignement du texte à droite.

Syntaxe à utiliser : [right]Ce texte s'alignera à droite[/right]

Effet :
Ce texte s'alignera à droite



  • Alignement du texte au centre.

Syntaxe à utiliser : [center]Ce texte s'alignera au centre[/center]

Effet :
Ce texte s'alignera au center



  • Justification du texte.

Syntaxe à utiliser : [justify]Ce texte sera justifié[/justify]

Effet :
Ce texte sera justifié



  • Citation

Syntaxe à utiliser : [blockquote]Mieux vaut tar que gz.[/blockquote]

Effet :
Citation :
Mieux vaut tar que gz.



  • Citation d'un membre

Syntaxe à utiliser : [quote=Sheldon Cooper]Mieux vaut tar que gz.[/quote]

Effet :
Sheldon Cooper a écrit ...
Mieux vaut tar que gz.



  • Spoiler (ou message caché)

Syntaxe à utiliser : [hide]Mieux vaut tar que gz.[/hide]

Effet :
Spoiler



  • Code

Syntaxe à utiliser : [code]Affichage du code[/code]

Effet :
Affichage du code



  • Liste à Puces

Syntaxe à utiliser : [list]Ligne 1
[puce]Ligne2
[puce]Ligne3[/list]

Effet :
  • Ligne 1
  • Ligne2
  • Ligne3



  • Insérer une images

Syntaxe à utiliser : [img]adresse url de l'image souhaitée[/img]
Par exemple : [i][/b]img]http://utiliweb.fr/admin/images/index.png[/img]

Effet :
image


  • Insérer une vidéo

Pour une vidéo venant de Youtube :
Syntaxe à utiliser : [video=youtube]identifiant de la vidéo[/video]
L'identifiant de la vidéo se trouve sur Youtube dans la barre d'adresse, c'est le code situé entre ?v= et &feature, comme indiqué ci-dessous
http://fr.youtube.com/watch?v=IDENTIFIANT&feature=xxxxx

Pour une vidéo venant de Dailymotion :
Syntaxe à utiliser : [video=dailymotion]identifiant de la vidéo[/video]
L'identifiant de la vidéo se trouve sur Dailymotion dans le permalien, c'est le code situé entre video/ et le premier _, comme indiqué ci dessous :
http://www.dailymotion.com/video/IDENTIFIANT_blabla_inutile

Pour une vidéo venant de VEOH :
Syntaxe à utiliser : [video=veoh]identifiant de la vidéo[/video]
L'identifiant de la vidéo se trouve sur VEOH dans la barre d'adresse, c'est le code situé entre /v/ et by, comme indiqué ci dessous :
http://www.veoh.com/videos/vIDENTIFIANTbyquelqu'un

  • Insérer un lecteur de musique Deezer :

Syntaxe à utiliser : [deezer]identifiant du morceau[/deezer]
L'identifiant d'un morceau se trouve sur Deezer dans la case permalien, sur la droite de la page, c'est le nombre situé à la fin du lien, après http://www.deezer.com/track/.

  • Insérer un tableau :

Syntaxe à utiliser :
[tableau] 
[ligne]case 1 de la ligne 1 [|] case 2 de la ligne 1 [|] case 3 de la ligne 1[/ligne] 
[ligne]case 1 de la ligne 2 [|] case 2 de la ligne 2 [|] case 3 de la ligne 2[/ligne] 
[/tableau] 

Effet :


case 1 de la ligne 1 case 2 de la ligne 1 case 3 de la ligne 1
case 1 de la ligne 2 case 2 de la ligne 2 case 3 de la ligne 2


  • Insérer un lien s'ouvrant dans la même fenètre

Syntaxe à utiliser : [url=adresse de la page]nom du lien[/url]
Par exemple : [url=http://utiliweb.fr/]Accéder à Utiliweb[/url]

Effet :
Accéder à Utiliweb


  • Insérer un lien s'ouvrant dans une nouvelle fenètre

Syntaxe à utiliser : [link=adresse de la page]nom du lien[/link]
Par exemple : [link=http://utiliweb.fr/]Accéder à Utiliweb[/link]

Effet :
Accéder à Utiliweb

  • Mettre le texte en couleur

Syntaxe à utiliser : [color=#xxxxxx de la page]texte[/color]
#xxxxxx doit être remplacé par le code héxadécimal correspondant à la couleur souhaitée
Par exemple : [color=#ff0000]texte[/color]

Effet :
texte


  • Changer la taille du texte

Syntaxe à utiliser : [size=taille souhaitée]texte[/size]
Par exemple : [size=15]texte en taille 15[/size]

Effet :
texte en taille 15


  • Selection de pages

Ce BBcode ne fonctionnera que dans l'edition d'une page.
Syntaxe à utiliser :
[newpage=nom de la page 1]Contenu de la page1
[newpage=nom de la page 2]Contenu de la page2
[newpage=nom de la page 3]Contenu de la page3

Effet : voir ici


Et voilà , je crois que vous êtes prèts à utiliser le BBCode afin d'améliorer la présentation de votre site.
Sachez tout de même une dernière chose : il est possible de combiner plusieurs BBCodes : par exemple :

Citation :
Mieux vaut tar que gz.


Pour afficher ceci, il suffit d'utiliser la syntaxe suivante :
[blockquote] [b] [i] [color=#ff0000]Mieux vaut tar que gz.[/color] [/i] [/b] [/blockquote]