Un BBCode spécifique à PHPBoost.com

Hackodrome

babsolune Membre non connecté

Equipe Développement Administrateur

Le 13/12/2022 à 18h51

#168122

... spécifique à PHPBoost.com parce que déclaré uniquement dans le thème du site officiel.

1ewk

Edit 17/03/2023: 2 nouvelles balises

Ce ne sont pas des nouvelles balises, mais une application stricto sensu de la balise

container

, apparue en 5.2, et qui prend tout son sens depuis la version 6.0 et la revue intégrale du système de template.

Dans la pratique, ce code BBCode permet de définir rapidement le chemin vers un fichier dans une arborescence et le chemin vers une page aussi facilement que le résultat en est agréable et plus compréhensible.

Chemin vers un fichier

On commence par une balise

container

définie avec la classe

file-path

(chemin de fichier en anglais),
Puis on déclare une simple liste des dossiers/sous-dossiers de l'arborescence qui mène au fichier avec la balise

list

Enfin pour appliquer une indentation d'arborescence, il suffit de préfixer un item de la liste avec 1 ou plusieurs signes

Exemple:

Code BBCODE :

[container class="file-path"]
[list]
    [*]templates
    [*]+Mon_Theme
    [*]++body.tpl
[/list]
[/container]

Ce qui donne:

templates
+Mon_Theme
++body.tpl

Chemin vers une page

On prend les mêmes et on recommence avec une variante, cette fois c'est la classe

page-path

qui sera utilisée et sans les

Exemple:

Code BBCODE :

[container class="page-path"]
[list]
    [*]Panneau d'administration
    [*]Contenu
    [*]Menus
    [*]Gestion
[/list]
[/container]

Ce qui donne

Panneau d'administration
Contenu
Menus
Gestion

Étiquette

Vous pouvez choisir une couleur pour appliquer un style badge au contenu de l'étiquette

[container class="pinned moderator"]Étiquette[/container]

Etiquette

Colonnes

Vous pouvez choisir le nombre de colonnes: de 2 à 4.
Le système est responsive
exemple avec 2 colonnes

Code BBCODE :

[container class="cell-flex formatter-columns cell-columns-2"]    
[container class="formatter-column"]Contenu de la colonne 1[/container]    
[container class="formatter-column"]Contenu de la colonne 2[/container]
[/container]

Contenu de la colonne 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias aliquam, atque necessitatibus eius vel inventore nulla quibusdam adipisci eveniet. Ipsa nisi, voluptas dolore quas tempora quo. Dolorum voluptate ipsum iure illum doloribus adipisci animi possimus, accusamus saepe ipsam a autem necessitatibus dicta odit at, suscipit sint? Laborum perferendis nihil consequuntur animi ex sint eius aut cum, corrupti sapiente cumque, voluptates aspernatur id possimus fuga dolorum magnam veritatis corporis adipisci. Tenetur excepturi labore sed minima dolorem, quidem tempora cupiditate quod veniam fugiat dolores quae, aliquid quam ex sit animi, aliquam soluta omnis suscipit vel voluptatem! Quae voluptate molestias ex iste neque?

Contenu de la colonne 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias aliquam, atque necessitatibus eius vel inventore nulla quibusdam adipisci eveniet. Ipsa nisi, voluptas dolore quas tempora quo. Dolorum voluptate ipsum iure illum doloribus adipisci animi possimus, accusamus saepe ipsam a autem necessitatibus dicta odit at, suscipit sint? Laborum perferendis nihil consequuntur animi ex sint eius aut cum, corrupti sapiente cumque, voluptates aspernatur id possimus fuga dolorum magnam veritatis corporis adipisci. Tenetur excepturi labore sed minima dolorem, quidem tempora cupiditate quod veniam fugiat dolores quae, aliquid quam ex sit animi, aliquam soluta omnis suscipit vel voluptatem! Quae voluptate molestias ex iste neque?

Enjoy