Page 1 sur 1

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

Posté : sam. 5 août 2017 00:44
par 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 :► J :
  • jsFiddle (Code jsFiddle intégré aux messages)
► K :
  • Kickstarter (Widget Kickstarter intrégré aux messages)
► L :► M :► 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. ;)

BBCODE : Lecteur vidéo HTML5 | HMTL5 Video player for phpBB

Posté : sam. 5 août 2017 00:45
par 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é 1441 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.

BBCODE : Lecteur audio HTML5 | HMTL5 Audio player for phpBB

Posté : sam. 5 août 2017 03:40
par 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é 579 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.

BBCODE : Alignement du texte | Align elements in phpBB posts

Posté : sam. 5 août 2017 21:14
par 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.

BBCODE : Icônes de la police de caractères Font Awesome | Font Awesome Icon

Posté : mar. 22 août 2017 21:02
par 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/.


BBCODE : Image USE MAP | IMG Use MAP BBCode

Posté : jeu. 31 août 2017 04:03
par 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.


BBCODE : Message de modération | Moderation message

Posté : dim. 8 oct. 2017 02:43
par 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.


BBCODE : Image avec légende | Image & his caption

Posté : dim. 8 oct. 2017 02:56
par 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.


BBCODE : Message important | Important message

Posté : dim. 8 oct. 2017 03:21
par 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.


BBCODE : Message d’avertissement | Warning message

Posté : dim. 8 oct. 2017 04:18
par 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.


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

Posté : dim. 8 oct. 2017 04:19
par Raphaël
D’autres BBCodes sont disponibles depuis cette page : https://phpbb3-online-community.de/viewforum.php?f=19.

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

Posté : jeu. 9 mai 2019 22:17
par Raphaël
Je viens de trouver ce site Web qui propose parmi ses ressources des BBCodes, le voici : https://phpbbstudio.com/kb/bbcodes.

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

Posté : mar. 21 mai 2019 00:17
par Raphaël
Voici quelques autres BBCodes pour phpBB 3.2.x :
Divers BBCodes :
  • BBCode Copyright,
  • BBCode Guillemets,
  • BBCode Icône,
  • BBCode Spoiler,
  • BBCode Version.