calendar
Calendrier
Précédent   Forums CustomXP > FAQ
Recharger cette page Liste des balises BB
Balise BB
Les balises BB sont un jeu de balises basé sur le langage HTML auquel vous pouvez déjà être familier. Elles vous permettent d'ajouter de formater vos messages de la même façon que le fait le langage HTML, mais avec une syntaxe plus simple et ne déformera pas l'affichage des pages. La possibilité d'ajouter des balises BB est défini par forum par l'administrateur, vous devriez vérifier les règles du forum quand vous envoyez un nouveau message.

Ci-dessous se trouve la liste des balises BB que vous pouvez utiliser pour formater vos messages.
Liste des balises BB
[b], [i], [u] Gras / Italique / Souligné
[color] Couleur
[size] Taille
[font] Police
[highlight] Surbrillance
[left], [right], [center] Gauche / Droite / Centre
[indent] Retrait
[email] Lien par adresse email
[url] Lien par adresse URL
[thread] Discussion en lien
[post] Message en lien
[list] Listes à puce / Listes avancées
[img] Image
[code] Code
[php] Code PHP
[html] Code HTML
[quote] Citation
[noparse] Suspend l'interprétation des balises BB
[attach] Pièce jointe
[bbcode] bbcode
[bgcolor] bgcolor
[border] border
[button] button
[dailymotion] dailymotion
[edit] edit
[fleft] fleft
[fright] fright
[googlevidz] googlevidz
[imgtips] imgtips
[input] input
[lightbox] lightbox
[radiobox] radiobox
[s] strike
[shadow] shadow
[spoiler] spoiler
[titre] titre
[warning] warning
[youtube] youtube
Mauvaise utilisation des balises BB :
  • [url] www.vbulletin-fr.org [/url] - n'incluez pas d'espaces entre les balises et le texte auquel vous appliquez le code.
  • [email]mon.nom@domaine.com[email] - la balise de fin doit inclure une barre oblique ([/email])
Gras / Italique / Souligné
Les balises [b], [i] et [u] permettent de créer du texte gras, italique ou souligné.
Utilisation [b]valeur[/b]
[i]valeur[/i]
[u]valeur[/u]
Utilisation [b]Ce texte est en gras[/b]
[i]Ce texte est en italique[/i]
[u]Ce texte est souligné[/u]
Résultat Ce texte est en gras
Ce texte est en italique
Ce texte est souligné
Couleur
La balise [color] permet de changer la couleur de votre texte.
Utilisation [color=Option]valeur[/color]
Utilisation [color=blue]Ce texte est bleu[/color]
Résultat Ce texte est bleu
Taille
La balise [size] permet de changer la taille de votre texte.
Utilisation [size=Option]valeur[/size]
Utilisation [size=+2]Ce texte est deux fois plus grand que le texte de taille normale[/size]
Résultat Ce texte est deux fois plus grand que le texte de taille normale
Police
La balise [font] permet de changer la police de votre texte.
Utilisation [font=Option]valeur[/font]
Utilisation [font=courier]Ce texte utilise la police Courier[/font]
Résultat Ce texte utilise la police Courier
Surbrillance
La balise [highlight] vous permet de mettre du texte en surbrillance.
Utilisation [highlight]valeur[/highlight]
Utilisation [highlight]Ce texte est en surbrillance[/highlight]
Résultat Ce texte est en surbrillance
Gauche / Droite / Centre
Les balises [left], [right] et [center] permettent de changer l'alignement de votre texte.
Utilisation [left]valeur[/left]
[center]valeur[/center]
[right]valeur[/right]
Utilisation [left]Ce texte est aligné à gauche[/left]
[center]Ce texte est centré[/center]
[right]Ce texte est aligné à droite[/right]
Résultat
Ce texte est aligné à gauche
Ce texte est centré
Ce texte est aligné à droite
Retrait
La balise [indent] permet de mettre du texte en retrait.
Utilisation [indent]valeur[/indent]
Utilisation [indent]Ce texte est en retrait[/indent]
Résultat
Ce texte est en retrait
Lien par adresse email
La balise [email] permet de créer un lien vers une adresse email. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.
Utilisation [email]valeur[/email]
[email=Option]valeur[/email]
Utilisation [email]j.doe@example.com[/email]
[email=j.doe@example.com]Cliquez ici pour m'envoyer un courrier électronique[/email]
Résultat j.doe@example.com
Cliquez ici pour m'envoyer un courrier électronique
Lien par adresse URL
La balise [url] permet de créer un lien vers d'autres sites web ou fichiers. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.
Utilisation [url]valeur[/url]
[url=Option]valeur[/url]
Utilisation [url]http://www.pngfactory.net/customxp/forum[/url]
[url=http://www.pngfactory.net/customxp/forum]Forums CustomXP[/url]
Résultat http://www.pngfactory.net/customxp/forum
Forums CustomXP
Discussion en lien
La balise [thread] permet de créer un lien vers une discussion bien précise. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.
Utilisation [thread]ID de discussion[/thread]
[thread=ID de discussion]valeur[/thread]
Utilisation [thread]42918[/thread]
[thread=42918]Cliquez-moi ![/thread]
(Remarque : Ici, l'identifiant de discussion (threadid) ou l'identifiant de message (postid) est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
Résultat http://www.pngfactory.net/customxp/forum/showthread.php?t=42918
Cliquez-moi !
Message en lien
La balise [post] permet de créer un lien vers un message bien précis. Vous pouvez inclure un paramètre facultatif pour « nommer » votre lien.
Utilisation [post]Identifiant de message(postid)[/post]
[post=Identifiant de message(postid)]valeur[/post]
Utilisation [post]269302[/post]
[post=269302]Cliquez-moi ![/post]
(Remarque : Ici, l'identifiant de discussion (threadid) ou l'identifiant de message (postid) est un simple exemple et ne crée pas forcément un lien avec une discussion ou un message valide.)
Résultat http://www.pngfactory.net/customxp/forum/showthread.php?p=269302#post269302
Cliquez-moi !
Listes à puce
La balise [list] permet de créer simplement des listes à puces sans spécifier d'option. Chaque élément au sein de la liste est dénoté par la balise [*].
Utilisation [list]valeur[/list]
Utilisation [list]
[*]objet de liste 1
[*]objet de liste 2
[/list]
Résultat
  • objet de liste 1
  • objet de liste 2

Listes avancées
La balise [list] permet de créer des listes avancées en spécifiant une option. L'option doit être « 1 » (pour une liste numérique) ou « A » (pour une liste alphabétique avec des lettres majuscules) ou « a » (pour une liste alphabétique avec des lettres minuscules) ou « I » (pour une liste numérique avec des nombres romains majuscules) ou « i » (pour une liste numérique avec des nombres romains minuscules).
Utilisation [list=Option]valeur[/list]
Utilisation [list=1]
[*]objet de liste 1
[*]objet de liste 2
[/list]

[list=a]
[*]objet de liste 1
[*]objet de liste 2
[/list]
Résultat
  1. objet de liste 1
  2. objet de liste 2
  1. objet de liste 1
  2. objet de liste 2
Image
La balise [img] permet d'inclure des images dans vos messages. Vous pouvez aussi la combiner avec la balise [url] pour créer un lien sur une image.
Utilisation [img]valeur[/img]
Utilisation [img]http://www.pngfactory.net/customxp/forum/images/statusicon/forum_new.gif[/img] (Sans lien)

[url=http://www.example.com] [img]http://www.pngfactory.net/customxp/forum/images/statusicon/forum_new.gif[/img] [/url] (Avec lien)
Résultat (Sans lien)

(Avec lien)
Code
La balise [code] permet l'utilisation d'une police à taille fixe (monospace) et de préserver les espacements.
Utilisation [code]valeur[/code]
Utilisation [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Résultat
Code:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>
Code PHP
La balise [php] effectue les mêmes fonctions que la balise [code], mais utilise aussi le code des couleurs des syntaxes PHP. Bien qu'elle soit conçue pour du code PHP, elle peut utiliser correctement reconnaître des syntaxes d'autres langages proches du C.
Utilisation [php]valeur[/php]
Utilisation [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Résultat
Code PHP:
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
} 
Code HTML
La balise [html] permet d'accentuer la syntaxe du code HTML.
Utilisation [html]valeur[/html]
Utilisation [html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Résultat
Code HTML:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
Citation
La balise [quote] vous permet de citer du texte déjà envoyé précédemment.
Utilisation [quote]Citation[/quote]
[quote=Identifiant]valeur[/quote]
Utilisation [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;164527]Lorem ipsum dolor sit amet[/quote]
Résultat
Citation:
Lorem ipsum dolor sit amet
Citation:
Envoyé par John Doe
Lorem ipsum dolor sit amet
Citation:
Envoyé par John Doe Voir le message
Lorem ipsum dolor sit amet
La balise [noparse] vous permet de suspendre l'interprétation du code BB.
Utilisation [noparse][b]valeur[/b][/noparse]
Utilisation [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Résultat [b]Lorem ipsum dolor sit amet[/b]
Pièce jointe
La balise [attach] vous permet d'afficher une pièce jointe au sein de votre message plutôt qu'à sa fin. Elle n'affichera que les pièces jointes attachées au message qui l'utilise.
Utilisation [attach]Identifiant de pièce jointe (attachmentid)[/attach]
Utilisation [attach]12345[/attach]
Résultat
bbcode
Permet d'afficher la structure d'un BBCode dans le message
Utilisation [bbcode=Option]valeur[/bbcode]
Utilisation [bbcode=s]Votre texte est barré[/bbcode]
Résultat [s]Votre texte est barré[/s] 
bgcolor
Permet de placer un texte dans une cellule dont la couleur de fond est parametrable ( code html necessaire ( ex : #000000 )ou intitulé pour les couleurs de base ( ex : black, white, etc ... ))
Utilisation [bgcolor=Option]valeur[/bgcolor]
Utilisation [bgcolor=pink]Cadre a fond rose[/bgcolor]
Résultat
Cadre a fond rose
 
border
Permet de placer un texte dans une cellule dont la couleur de bordure est parametrable ( code html necessaire, ex : #000000 )
Utilisation [border=Option]valeur[/border]
Utilisation [border=#000000]Cadre noir[/border]
Résultat
Cadre noir
 
button
Permet d'afficher un bouton cliquable pour indiquer une adresse web
Utilisation [button=Option]valeur[/button]
Utilisation [button=http://www.google.fr/webhp?hl=fr]Recherche Google[/button]
Résultat
 
dailymotion
Permet d'afficher la video de votre choix issue du site dailymotion. Il suffit de mettre l'identifiant de la video a afficher entre les balises pour qu'elle s'affiche dans votre message.
Utilisation [dailymotion]valeur[/dailymotion]
Utilisation [dailymotion]5p3eMuvRcgEPA1OJF[/dailymotion]
Résultat  
edit
Permet d'indiquer rapidement la raison de l'edit d'un message.
Utilisation [edit=Option]valeur[/edit]
Utilisation [edit=bubka]language sms[/edit]
Résultat
Edit modérateur, par bubka:
Ce message a été édité par un modérateur pour la raison suivante:

language sms
 
fleft
Balise permettant d'aligner un élément sur la gauche de la page, tout en le conservant intégré au bloc de texte.
Utilisation [fleft]valeur[/fleft]
Utilisation [fleft]Aligner à droite[/fleft]
Résultat
Aligner à droite
 
fright
Balise permettant d'aligner un élément sur la droite de la page, tout en le conservant intégré au bloc de texte.
Utilisation [fright]valeur[/fright]
Utilisation [fright]Aligner à droite[/fright]
Résultat
Aligner à droite
 
googlevidz
Permet d'afficher une video issu du site video.google.com. Il vous suffit de placer le docid de la video entre les balises pour qu'elle s'affiche directement dans votre message.
Utilisation [googlevidz]valeur[/googlevidz]
Utilisation [googlevidz]4645623341773809954[/googlevidz]
Résultat  
imgtips
Comme la balise [img] la balise [imgtips] permet d'inclure des images dans vos messages, mais vous donne aussi la possibilité d'ajouter un texte affiché en info-bulle lors du survole de l'image.
Utilisation [imgtips=Option]valeur[/imgtips]
Utilisation [imgtips=Mon image]http://www.pngfactory.net/customxp/skin/forum/logo.png[/imgtips]
Résultat  
input
permet d'afficher un élément de formulaire en spécifiant son type ( radio, checkbox par exemple )
Utilisation [input=Option]valeur[/input]
Utilisation [input=radio]Choix n°1[/input]
Résultat Choix n°1 
lightbox
Permet d'afficher un image miniature avec un lien vers l'image en taille réelle, en l'ouvrant via le module Lightbox.
Utilisation [lightbox=Option]valeur[/lightbox]
Utilisation [lightbox=http://www.pngfactory.net/customxp/imgbank/img/news_standalonestack.png]http://www.pngfactory.net/customxp/imgbank/img/thumb_news_standalonestack.png[/lightbox]
Résultat http://www.pngfactory.net/customxp/imgbank/img/thumb_news_standalonestack.png 
radiobox
Permet d'afficher un case à cocher de type radio précédée d'un intitutlé. Pour cocher une case par défaut, définir l'option 'checked'
Utilisation [radiobox=Option]valeur[/radiobox]
Utilisation [radiobox=]intitulé 1[/radiobox] [radiobox=selected]intitulé 2[/radiobox]
Résultat intitulé 1 intitulé 2 
strike
permet de barrer le texte
Utilisation [s]valeur[/s]
Utilisation [s]texte barré[/s]
Résultat texte barré 
shadow
La balise shadow permet d'appliquer un effet d'ombre portée sur une image affichée sur le site/forum. Pour l'utiliser, vous devez connaitre la largeur de votre image. Ajoutez 8 à cette largeur et utilisez la nouvelle largeur comme argument lors de la saisie de la balise. ex pour une image de 72 pixels : [shadow=80] ... [/shadow] Le code placé à l'intérieur de la balise shadow doit obligatoirement être l'adresse d'une image encadrée par la balise [img]
Utilisation [shadow=Option]valeur[/shadow]
Utilisation [shadow=80][img]http://www.pngfactory.net/customxp/skin/forum/logo.png[/img][/shadow]
Résultat
 
spoiler
Permet de dérouler le contenu de la balise et donc de cacher son contenu.
Utilisation [spoiler]valeur[/spoiler]
Utilisation [spoiler]content[/spoiler]
Résultat
Spoiler :
content
 
titre
Permet de placer le texte dans un cadre pour l'isoler du reste du texte. Idéal pour de la mise en page.
Utilisation [titre]valeur[/titre]
Utilisation [titre]Titre[/titre]
Résultat
Titre
 
warning
Utilisation [warning]valeur[/warning]
Utilisation [warning]on se calme[/warning]
Résultat
IMPORTANT
on se calme
 
youtube
Permet d'afficher une video issue de Youtube.com
Utilisation [youtube]valeur[/youtube]
Utilisation [youtube]YUMXto8qmF4[/youtube]
Résultat  

Powered by vBulletin® Version 3.8.2 - Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Version française #21 par l'association vBulletin francophone - CNIL N°834125