LISTE : BBCodes existants pour phpBB 3.1.x, 3.2.x & 3.3.x

[Raphaël]

Salut,

Voir ci-dessous la liste des 31 BBCodes dédiés à phpBB 3.1.x, 3.2.x & 3.3.x recensés par l’équipe EzCom.

Cette liste présente les BBCodes triés par nom. Les liens figurant sont les pages de publication officielles sur phpBB.com ou d’autres site Web Une courte explication est indiquée entre parenthèses.

---

Ensemble des BBCodes existants pour phpBB 3.1.x, 3.2.x & 3.3.x sur phpBB.com (liste non exhaustive) :
► # :

► A :

• Accent (ajoute un accent aiguë après la voyelle aux mots des messages)
• Align (Aligner les éléments dans les messages)
• Ance (Faire un lien vers un endroit précis de la page)

► B :

► C :

• CodePen (Code CodePens intégré au messages)
• Compteur de clic (un compteur de clic pour les liens dans les messages)

► D :

► E :

► F :

• Font Awesome (Afficher les caractères provenant de la police de caractères « Font Awesome »)

► G :

• Gist (code Gist intégré aux messages)

► H :

• H1Z1 (Carte du site Web H1Z1 intégrée aux messages)
  Hide (Masquer tout ou partie du contenu d’un message à certains utilisateurs)

► I :

• Image avec légende (Présente l’image dans un cadre coloré avec un texte comme légende en dessous de l’image)
• Image USE MAP (Images mappées et liens hypergraphiques)
• In-Line code (Code affiché sur une ligne)

► J :

• jsFiddle (Code jsFiddle intégré aux messages)

► K :

• Kickstarter (Widget Kickstarter intrégré aux messages)

► L :

• Lecteur audio simple (compatible HTML5, fonctionnalités basiques)
• Lecteur audio avancé (Compatible HTML5, propose la répétition et le démarrage automatique)
• Lecteur vidéo simple (Compatible HTML5, fonctionnalités basiques)

► M :

• Message d’avertissement (Met en valeur un message d’avertissement à communiquer)
• Message de modération (Affiche un message informant la nature de la modération du message modifié par un membre de l’équipe du forum)
• Message du modérateur (Affiche un message personnalisé provenant du modérateur avec son nom d’utilisateur et le lien vers son profil)
• Message important (Met en valeur un message important à communiquer)
• Miniatures de sites Web (Affiche une miniature du site Web sur lequel pointe l’adresse URL)

► N :

► O :

► P :

• Pastebin (Code Pastebin intégré aux messages)

► Q :

► R :

► S :

• Speed Test Results (Affiche le résultat du test de vitesse Speedtest.net aux messages, signatures)
• Spoiler (Affiche une partie visible qui dévoile la partie masquée lorsqu'on clique dessus)
• Sportify (Lecteur audio Spotify intégré aux messages)
• Steam Game (Widget des jeux Steam intégré aux messages)
• Steam Profile Badge (Affiche un lien vers le profil du joueur Steam aux messages, signatures)

► T :

• TED Talks (Lecteur embarqué des conférences vidéo du site Web TED.com)
• Travis (Affiche l'état du dernier test Travis)

► U :

► V :

• Vocaroo (Affiche un widget permet d’enregistrer sa voix sur le site Web Vocaroo)

► W :

► X :

► Y :

► Z :

---

La liste est courte pour l’instant, elle vient tout juste d’être publiée et s’étoffera avec le temps.

[Raphaël]

Ce BBCode permet d’afficher les fichiers vidéos au format MP4 ou OGG avec un lecteur vidéo type HTML5 :

Contenu du BBCode HTML5 Video :

• Utilisation du BBCode : [html5-video]{URL}[/html5-video] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

  <video width="480" height="480" controls>
  <source src="{URL}" type="video/mp4">
  <source src="{URL}" type="video/ogg">
Votre navigateur ne supporte pas l’élément HTML5 video | Your browser does not support the video tag.
</video>
• Ligne d’aide :

  Code : Tout sélectionner

  Saisir l'adresse URL complète de la vidéo entre les balises BBCode HTML5 Vidéo : [html5-video]http://www.domain.tld/fichier.mp4[/html5-video]

Exemple de fichier joint vidéo au format *.mp4 :

small.mp4

(374.64 Kio) Téléchargé 1618 fois

Code du message :

Code : Tout sélectionner

Exemple de fichier joint vidéo au format [c]*.mp4[/c] :
[html5-video]http://www.ezcom-fr.com/download/file.php?id=678[/html5-video]

[attachment=0]small.mp4[/attachment]

Source : https://www.phpbb.com/community/viewtop ... #p14116346.

[Raphaël]

Ce BBCode permet d’afficher dans les messages un lecteur audio de type HTML5 pour les fichiers audio au format MP3, OGG ou WAV.

Contenu du BBCode HTML5 Audio :

• Utilisation du BBCode : [html5-audio]{URL}[/html5-audio] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

  <audio controls>
  <source src="{URL}" type="audio/ogg">
  <source src="{URL}" type="audio/mpeg">
  <source src="{URL}" type="audio/wav">
Votre navigateur ne supporte pas l’élément audio | Your browser does not support the audio element.
</audio>
• Ligne d’aide :

  Code : Tout sélectionner

  Saisir l'adresse URL complète du fichier audio entre les balises BBCode HTML5 Audio : [html5-audio]http://www.domain.tld/fichier.mp3[/html5-audio]

Exemple de fichier joint vidéo au format *.mp3 :

sample_musique_grecque_danse_sirtaki.mp3

(140.82 Kio) Téléchargé 720 fois

Code du message :

Code : Tout sélectionner

Exemple de fichier joint vidéo au format [c]*.mp3[/c] :
[html5-audio]http://www.ezcom-fr.com/download/file.php?id=1366[/html5-audio]

[attachment=0]sample_musique_grecque_danse_sirtaki.mp3[/attachment]

Source : https://www.w3schools.com/html/html5_audio.asp.

[Raphaël]

Ce BBCode permet d’aligner des éléments dans les messages.

Contenu du BBCode Align :

• Utilisation du BBCode : [align={IDENTIFIER}]{TEXT}[/align] ;
• Code HTML de remplacement : <div style="text-align:{IDENTIFIER}">{TEXT}</div>
• Ligne d’aide : Alignement du texte : [align=center|left|right|justify]texte[/align]

Source : http://forums.phpbb-fr.com/support-util ... l#p1647167.

[Raphaël]

Ce BBCode permet d’afficher les caractères provenant de la police de caractères « Font Awesome ». Il est possible de les colorer tel que l’on peut le faire avec le BBCode COLOR sur du texte.

Contenu du BBCode Align :

• Utilisation du BBCode : [icon]{IDENTIFIER}[/icon] ;
• Code HTML de remplacement : <i class="{IDENTIFIER} fa fa-fw" aria-hidden="true"></i>
• Ligne d’aide :

  Code : Tout sélectionner

  [icon]Identifiant de l’icône de la police de caractères « Font Awesome »[/icon] Source : http://fontawesome.io/icons/

Démonstration et source : http://www.steven-clark.online/phpBB3-E ... p?f=7&t=28.

Pour aller plus loin : http://fontawesome.io/examples/.

[Raphaël]

Ce BBCode permet d’afficher des Images mappées avec des liens hypergraphiques.

Contenu du BBCode Image USE MAP :

• Utilisation du BBCode :

  Code : Tout sélectionner

  [usemap={URL}, {SIMPLETEXT}, {SIMPLETEXT2}]{SIMPLETEXT3}, {SIMPLETEXT4}, {SIMPLETEXT5}[/usemap]
• Code HTML de remplacement :

  Code : Tout sélectionner

  <img src="{URL}" alt="{SIMPLETEXT}" usemap="#{SIMPLETEXT2}">

<map name="{SIMPLETEXT2}">
<area shape="rect" coords="0,0,45,45" title="{SIMPLETEXT3}" alt="{SIMPLETEXT4}" href="./perso2" target="_blank">
<area shape="rect" coords="45,0,90,45" title="{SIMPLETEXT4}" alt="{SIMPLETEXT3}" href="./perso1" target="_blank">
<area shape="rect" coords="90,0,135,45" title="{SIMPLETEXT5}" alt="{SIMPLETEXT5}" href="./perso3" target="_blank">
</map>
• Ligne d’aide :

  Code : Tout sélectionner

  Exemple : [usemap=ADRESSE URL DE L’IMAGE}, TEXTE ALTERNATIF DE L’IMAGE, NOM DE CODE DE l’IMAGE]NOM ZONE 1, NOM ZONE 2, NOM ZONE 3[/usemap]

Source : http://forums.phpbb-fr.com/extensions-d ... l#p1648179.

[Raphaël]

Ce BBCode permet d’afficher un message informant le lecteur que le message concerné a été modéré par un membre de l’équipe du forum.

Contenu du BBCode MOD :

• Utilisation du BBCode : [mod]{TEXT}[/mod] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

  <div style=" background-color: #FFFF00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #666; padding: 4px;" >
   <font color="#FF0000"><strong>Votre message a été modéré par un membre de l’équipe du forum : </strong></font><b>{TEXT}</b></font></div>
• Ligne d’aide :

  Code : Tout sélectionner

  Exemple : [mod]Texte de modération[/mod]

Source : https://phpbb3-online-community.de/view ... f=19&t=186.

[Raphaël]

Ce BBCode permet d’afficher une image dans un cadre de couleur accompagné d’un texte comme légende en dessous de l’image.

Contenu du BBCode IMG CAP :

• Utilisation du BBCode : [imgcap]{URL},{TEXT}[/imgcap] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

  <div style="background-color: #F9F9F9;border: 1px solid #CCCCCC;padding: 3px;font: 11px/1.4em Arial, sans-serif;margin: 0.5em 0pt 0.5em 0.8em;width:450px;">
<table><tr><td><img src="{URL}" style="vertical-align:middle;margin-bottom:3px;" title="Image" /></td></tr>
<tr><td style="text-align:center;">{TEXT}</td></tr>
</table>
</div>
• Ligne d’aide :

  Code : Tout sélectionner

  Exemple : [imgcap]adresse URL de l’image,texte de la légende de l’image[/imgcap]

Source : https://phpbb3-online-community.de/view ... f=19&t=185.

[Raphaël]

Ce BBCode permet de mettre en valeur un message important à communiquer.

Contenu du BBCode IMP :

• Utilisation du BBCode : [imp]{TEXT}[/imp] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

  <div style="background-color: #F9F9F9;border: 1px solid #CCCCCC;padding: 3px;font: 11px/1.4em Arial, sans-serif;margin: 0.5em 0pt 0.5em 0.8em;width:450px;">
<table><tr><td><img src="{URL}" style="vertical-align:middle;margin-bottom:3px;" title="Image" /></td></tr>
<tr><td style="text-align:center;">{TEXT}</td></tr>
</table>
</div>
• Ligne d’aide :

  Code : Tout sélectionner

  Exemple :  [imp]texte important[/imp]

Source : https://phpbb3-online-community.de/view ... f=19&t=182.

Amélioration visuelle proposée par pboulanger disponible sur le viewtopic.php?f=23&t=824.

[Raphaël]

Ce BBCode permet de mettre en valeur un message d’avertissement à communiquer.

Contenu du BBCode WARN :

• Utilisation du BBCode : [warn]{TEXT}[/warn] ;
• Code HTML de remplacement :

  Code : Tout sélectionner

   <table style='margin:0;width:450px;min-height:100px;border:1px dashed #740000;'><tr><td align='middle' bgcolor='#ff6060' valign='center' width='1%'><br /><FONT color='#ffffff' size='+7'><b> ! </b></font><br /></td>
<td valign='top' cellpadding="5" style='background:#F2DDDD' >{TEXT}</td>
</tr></table>
• Ligne d’aide :

  Code : Tout sélectionner

  Exemple :  [warn]Texte du message d’avertissement[/warn]

Source : https://phpbb3-online-community.de/view ... f=19&t=184.

[Raphaël]

D’autres BBCodes sont disponibles depuis cette page : https://phpbb3-online-community.de/viewforum.php?f=19.

[Raphaël]

Je viens de trouver ce site Web qui propose parmi ses ressources des BBCodes, le voici : https://phpbbstudio.com/kb/bbcodes.

[Raphaël]

Voici quelques autres BBCodes pour phpBB 3.2.x :
Divers BBCodes :

• BBCode Copyright,
• BBCode Guillemets,
• BBCode Icône,
• BBCode Spoiler,
• BBCode Version.