Dans cet article nous allons voir comment créer des listes en langage BBCode.
Liste de base
Pour créer une liste il faut d'abord la déclarer. Pour cela il faut utiliser la balise
.
Ensuite il faut déclarer chaque élément de la liste en utilisant [*].
Voilà un exemple de liste basique :
dont le code source est :
Liste numérotée
Pour faire une liste numérotée il faut passer l'argument
ordered.
<ol style="list-style-type: decimal;" class="formatter-ol">
[*]Elément 1
[*]Elément 2
[*]Elément 3</ol>
Voici le code pour créer cette liste :
Imbrication
Il est possible d'imbriquer les listes .
Comme ceci :
Voici le code pour créer cette liste :
Personnalisations supplémentaires
Liste avec une puce carré
Voici la liste :
<ol style="list-style-type: square;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Liste avec une puce ronde
Voici la liste :
<ol style="list-style-type: circle;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Liste avec une puce ronde pleine
Voici la liste :
<ol style="list-style-type: disc;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Liste à chiffre Romain
Il est possible de donner un style supplémentaire à chaque liste.
Pour cela il suffit de mettre du CSS.
Voici un exemple avec des chiffres Romain :
<ol style="list-style-type: upper-roman;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Liste alphabétisée en minuscule
Voici la liste :
<ol style="list-style-type: lower-alpha;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Liste alphabétisée en majuscule
Voici la liste :
<ol style="list-style-type: upper-alpha;" class="formatter-ol">
[*]Elément 1
[*]Elément 2</ol>
Voici le code pour créer cette liste :
Vous en voulez encore plus ??
Retrouverez la plupart des propriétés CSS disponibles pour les listes dans ce récapitulatif du Site du Zér0 :
Propriétés des listes Et bien plus encore ...
Source - ben.popeye