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 :

• Alignement du texte à droite.
  

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

Effet :

• Alignement du texte au centre.
  

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

Effet :

• Justification du texte.
  

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

Effet :

• Citation
  

Syntaxe à utiliser : [blockquote]Whenever I get sad, I stop being sad and be awesome instead![/blockquote]

Effet :

• Citation d'un membre
  

Syntaxe à utiliser : [quote=Hiro Nakamura]Save the cheerleader, save the world![/quote]

Effet :

• Spoiler (ou message caché)
  

Syntaxe à utiliser : [hide]Luke est le fils de Dark Vador.[/hide]

Effet :

• Code
  

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

Effet :

• 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 :

• 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

• 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 :


Pour afficher ceci, il suffit d'utiliser la syntaxe suivante :
[blockquote] [b] [i] [color=#ff0000]Whenever I get sad, I stop being sad and be awesome instead![/color] [/i] [/b] [/blockquote]</li>