Page 1 of 1

[BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 02:54
by 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é)

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 08:34
by Victor D
Adriweb wrote:Bref, cf. le source de ce post


Par contre elle est où la source ? ;)

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 08:56
by Levak
Victor D wrote:
Adriweb wrote:Bref, cf. le source de ce post


Par contre elle est où la source ? ;)


Quoter le message donne le source du post.

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 18:04
by Victor D
Levak wrote: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 ;)

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 20:48
by 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: Select all
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
}

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 21:24
by Victor D
Oui, mais peut-on utiliser ce code dans nos posts ?

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 21:27
by Adriweb
Tu le fais exprès ou.... ?

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

Re: [BBCode] Listes avec checkmarks et croix

Unread postPosted: 29 Jan 2015, 21:38
by Victor D
Ah ok, c'est bien ce que je pensais mais vous m'avez perturbez avec votre code CSS....