[BBCode] Listes avec checkmarks et croix

[Adriweb]

Bref, cf. le source de ce post, mais il suffit de wrapper le BBCode d'une liste normale dans le BBCode [ checklist ] (sans espace) ou [ crosslist ] (sans espace)

Normal :

• you
• lost
• the
• game

Avec checkmark :

• Wow
• such goodness
• so beautiful
• much checkmarks / ticks

Avec croix + imbrication :

• Wow
• such goodness
• so beautiful
  • Wow
  • such goodness
  • so beautiful
  • listception
    • you
    • lost
    • the
    • game
  • much checkmarks / ticks
• much marks

Enjoy

(Edit : marche maintenant en imbriqué)

[Victor D]

Bref, cf. le source de ce post

Par contre elle est où la source ?

[Levak]

Bref, cf. le source de ce post

Par contre elle est où la source ?

Quoter le message donne le source du post.

[Victor D]

Quoter le message donne le source du post.

Ah, oui je en croyais pas qu'il s'agissait de cette source là ...

Mais c'est vrai que pour comprendre le fonctionnement de ce BBCode la première chose que j'ai faite est de regarder le code du msg

[Adriweb]

Le source HTML/CSS est tout autant visible en demandant au navigateur d'afficher de qu'il se passe dans cette zone...

Autrement dit, pour le CSS (le HTML utilisé en découle trivialement) :

Code: Tout sélectionner

div.checklist
{
    margin-bottom: -1em
}
div.checklist > ul > li:before
{
    content: '✔'
}
div.crosslist > ul > li:before
{
    content: '✘'
}
div.checklist > ul > li:before, div.crosslist > ul > li:before
{
    margin-left: -1em;
    margin-right: .55em
}
div.checklist > ul, div.crosslist > ul
{
   text-indent:-4px;
   list-style:none;
   list-style-position:outside
}

[Victor D]

Oui, mais peut-on utiliser ce code dans nos posts ?

[Adriweb]

Tu le fais exprès ou.... ?

Suffit de faire comme dans mon post à moi en haut.

[Victor D]

Ah ok, c'est bien ce que je pensais mais vous m'avez perturbez avec votre code CSS....