Les balises BBCode

Les balises BBCode

BBCode est l'abréviation de Bulletin Board Code.
Il est utilisé pour mettre en forme les messages de forums de discussion.
Le nom d'une balise est délimité par les crochets [ et ]
Remarque importante :
Il ne doit y avoir aucun signe espace entre les crochets [ et ].
Une balise ouverte par [...] doit être fermée par [/...]
On peut imbriquer plusieurs balises pour obtenir plusieurs effets, mais il faut veiller à respecter l'ordre d'ouverture et de fermeture de chaque balise.



• Mettre le texte en gras :

Code:

 [b]Texte[/b]

Résultat :  Texte

• Mettre le texte en italique

Code:

 [i]Texte[/i]

Résultat :  Texte

• Souligner le texte :

Code:

 [u]Texte[/u]

Résultat :  Texte

• Barrer le texte :

Code:

[strike]Texte[/strike]

Résultat : Texte

• Aligner le texte à gauche :

Code:

[left]Texte[/left]

Résultat :

• Centrer le texte :

Code:

[center]Texte[/center]

Résultat :

• Aligner le texte à droite :

Code:

[right]Texte[/right]

Résultat :

• Justifier le texte :

Code:

[justify]texte[/justify]

Résultat :
• Modifier la couleur du texte :

Code:

[color=nom de la couleur]texte[/color]

Texte avec la couleur « red »
Texte avec la couleur « green»
Texte avec la couleur « blue »

ou

Code:

[color= #hexadecimal]Texte[/color]

Texte avec la couleur « #FF3300 »
Texte avec la couleur « #008000 »
Texte avec la couleur « #0033FF»

Vous pouvez spécifier soit un nom de couleur reconnu (par exemple : red, blue, yellow, green, blink, etc…), soit un code couleur hexadécimal (par exemple : #FFFFFF, #0033FF, etc…)

• Modifier la taille du texte :

Code:

 [size=nombre]Texte[/size]

Texte taille 9
Texte taille 12
Texte taille 14
Texte taille 16
Texte taille 18
Texte taille 24

• Changer la police du texte :

Code:

[font=NOM]Texte[/font]

Texte avec la police « Impact »
Texte avec la police «Comic Sans MS»
Texte avec la police « Times New Romain »

• Liste non-ordonnée (avec puce) :

Code:

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

• Info 1
  
• Info 2
  

• Liste ordonnée (alphabétique) :

Code:

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

1. Info 1
   
2. Info 2
   

• Liste ordonnée (romain) :

Code:

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

1. Info 1
   
2. Info 2
   

• Pour afficher une citation sans référence :

Code:

[quote]Texte[/quote]

Citation :

Texte

• Pour afficher une citation avec référence :

Code:

[quote="Untel"]Texte[/quote]

Untel a écrit:

Texte

• Pour afficher un code :

Code:

 [ code] Texte[/ code]

Code:

Texte

• Pour créer un lien :

Code:

[url]http://mon_adresse[/url]

https://panoramic.1fr1.net/

• Pour créer un lien sur un texte :

Code:

[url=http://panoramic.1fr1.net/] PANORAMIC[/url]

PANORAMIC

• Pour crée un lien sans BBCode :

Code:

http://mon_adresse

https://panoramic.1fr1.net/

• Pour créer un lien mail :

Code:

 [email]Texte@domaine.com[/email]

Texte@domaine.com

• Pour insérer une image :

Code:

 [img]http://adresse_image[/img]

• Pour insérer un lien sur une image :

Code:

[url=http://mon_adresse][img]http://adresse_image[/img][/url]

• Pour insérer du flash :

Code:

 [flash(largeur,hauteur)]http://adresse_flash[/flash]

……………………..

• Pour insérer une vidéo YouTube :

Code:

 [youtube]code - Embed[/youtube]

…………………………………………….

• Pour insérer une vidéo Dailymotion :

Code:

 [dailymotion]code - lecteur portable[/dailymotion]

……………..

• Pour insérer un titre :

Code:

[h2]C'est un  titre important[/h2]
[h3]C'est un titre un peu moins important[/h3]
[h4]C'est un titre encore un peu moins important[/h4]

C'est un titre important

C'est un titre un peu moins important

C'est un titre encore un peu moins important

• Pour créer un tableau :
il faut définir un tableau ’table’ puis lui insérer une ligne ’tr’. Cette ligne peut contenir une ou plusieurs cellules ’td’, de même qu’un tableau peut contenir plusieurs lignes ’tr’ :

Code:

 [table] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Ligne 1 - Cellule 1	Ligne 1 - Cellule 2	Ligne 1 - Cellule 3
Ligne 2 - Cellule 1	Ligne 2 - Cellule 2	Ligne 2 - Cellule 3

• Pour créer un tableau avec une bordure :

Code:

 [table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Ligne 1 - Cellule 1	Ligne 1 - Cellule 2	Ligne 1 - Cellule 3
Ligne 2 - Cellule 1	Ligne 2 - Cellule 2	Ligne 2 - Cellule 3

• Pour créer un tableau avec bordure sans espace :

Code:

 [table cellspacing=0 border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Ligne 1 - Cellule 1	Ligne 1 - Cellule 2	Ligne 1 - Cellule 3
Ligne 2 - Cellule 1	Ligne 2 - Cellule 2	Ligne 2 - Cellule 3

• Défilement horizontal de texte :

Code:

 [scroll] Texte [/scroll]

Résultat : Texte

• Défilement vertical de texte :

Code:

 [updown]Texte[/updown]

Résultat: Texte

• Pour insérer une ligne :

Code:

Résultat 1[hr]Résultat 2

Résultat 1

---

Résultat 2

• Mettre en indice :

Code:

 x[sub]a+b[/sub]

Résultat : X_a+b

• Mettre en exposant :

Code:

3[sup]ème[/sup] inconnue X[sup]7[/sup]

Résultat : 3^ème inconnue X⁷

• Effet miroir sur le texte (symétrie verticale) :

Code:

 [flipv]Texte[/flipv]

Résultat : Texte 

• Effet miroir sur le texte (symétrie horizontale) :

Code:

 [fliph]Texte[/fliph]

Résultat : Texte 

• Effet flou :

Code:

 [blur]Texte[/blur]

Résultat : Texte

• Effet de dégradé :

Code:

 [fade]Texte[/fade]

Résultat : Texte

• Cacher un texte :

Code:

 [hide]Texte[/hide]

Résultat :

Note : le texte sera caché pour les personnes qui n'ont pas posté dans le sujet.
En revanche, les administrateurs et les modérateurs verront le texte caché sans avoir à poster dans le sujet.

• Masque un contenu

Code:

 [spoiler]Texte [/spoiler]

Spoiler:

Voila encore un cours magistral de notre professeur Papydall !

Là je pense que c'est bien complet. les explications sont claires et bien commentées.

Je vais encore être obligé de dire BRAVO !!

(Tu as vu Papydall, j'ai mis en pratique tes cours).




PS : Je viens de regarder la vidéo YouTube en plein écran, c'est bluffant !

Merci Papydall pour cette liste très complète. Il y a pas mal de balises que je ne connaissais pas.

As-tu un document que l'on pourrait télécharger pour avoir tout cela sous la main ?

Merci Papydall pour ce rappel (ou une découverte pour certains).
Comme, Jean je ne les connaissais pas toutes.

Maintenant je vais pouvoir tester celle-ci:  

A+

Je suppose que ça ne peut pas faire l'objet d'un article car ce n'est pas du Panoramic à moins que quelqu'un face un éditeur qui génère du code pour forum, ce qui permettrait de mettre toutes les infos sur les balises...

En tout cas, c'est très clair et complet.

Bravo

et pourquoi pas, Jicehel, ce n’est pas du panoramic mais pour une meilleure utilisation du forum donc ... cqfd..

On peut faire une petite entorse...
Cela concerne l' utilisation du forum Panoramic.
Peut être que cela pourrait servir de référence pour les nouveaux et 
éviter les interventions disparates comme celles de nôtre dernier révolutionnaire...
Il est peut être plus utile d' avoir une sorte de tutoriel avec quelques règles
sur l' utilisation du forum que la rubrique "Vie du forum".
Celui qui veut savoir ce qu' il s' y passe peut très bien y venir alors que le nouveau
à besoin de savoir comment il fonctionne et qu' elles en sont les règles implicites
que nous nous fixons ( Il y en a peu, je sais...  mais bon.... ).

Je ne voudrais pas jouer les rabat-joie, c'est effectivement une information très intéressante de papydall, mais je ne vois pas bien l'utilisation qu'on peut en faire dans le forum Panoramic, alors que la plupart des balises intéressantes sont automatiquement générées par les icônes en tête ?
Pour taper les séquences d'enrichissement soi-même ?
Taper [b ]mon texte[/b ] au lieu de sélectionner la zone et cliquer sur l'icône B pour génération automatique des balises ? je ne vois pas trop l'intérêt, à part alourdir la saisie...

Autant je comprends l'utilisation si on veut se construire un forum à soi, autant je comprends l'intérêt pour sa culture générale, autant ici, sur le forum, en cours de discussion, ça me paraît un peu lourd... à part pour mettre des fantaisies et des trucs qui bougent dans tous les sens non prévus dans les icônes ci-dessus...

Ou alors quelque chose m'échappe complètement, et je ne demande qu'à comprendre quoi.

Citation :

Peut être que cela pourrait servir de référence pour les nouveaux et
éviter les interventions disparates comme celles de nôtre dernier révolutionnaire... Laughing

Au fait il est passé ou ? il s'est fait couper la tête ???

Salut tout le monde.

Merci pour vos retours.

En tout cas c'est un bavardage des plus interessant et bien fait / complet

bonjour a tous
merci papydall
j'avais réussi a en noter quelques unes au cour des postes précèdent mais là tout y est.

Je suis ravi de te relire mindstorm.
Tu te fais rare ces temps-ci.

merci papydall
tout le monde ne peut pas être a la retraite
plus sérieusement j'ai un soucis de résolution de texture sur les objets 3D.
Si je l'améliore, je pourrais développer mon logiciel de correction de parallaxe des photos.
En attendant , je sèche...