Myosotis a écrit:Ca doit sans doute être un système d'onglets un peu particulier ?

Et pour répondre à ta question, oui il y a un système d'onglet (chaque catégorie dans le menu de gauche ouvre un onglet différent).
Mais en plus, pour éviter de devoir mettre des éléments à 4-5-6 endroits dans la page (genre, une fleur qui est un poison, qui est rare, dont la fleuraison est l'été, dans les montagne et dans la forêt), il y a un système en javascript qui repère tous les éléments qui ont une classe en particulière, qui en fait une copie et qui l'ajoute dans le bon onglet de catégorie. Il te suffit de mettre ta fleur à un endroit particulier en nommant les catégories de la fleur dans sa classe et le javascript va s'occuper du reste.

Genre , une fleur une fleur qui est un poison, qui est rare, dont la fleuraison est l'été, dans les montagne et dans la forêt ressemblerait à ceci :

Code:

<div class="Poison Rare Ete Montagne Foret">
  Image et texte et hover et ce que tu veux
</div>

Et comme ça ne me tentait pas d'avoir des trucs 10 pieds de long dans le javascript, j'ai rapettisé un peu certains noms. Du coup, voilà les catégories avec l'équivalent à mettre dans la classe :

Pour l'HERBIER :
Alimentaire = Ali
Médecine = Med
Drogue = Drogue
Poison = Poison
Printemps = Prin
Été = Ete
Automne = Automne
Toute l'année = All
Tropical = Tropical
Sub-Tropical = Sub
Forêt = Foret
Montagne = Montagne
Commun = Commun
Rare = Rare
Très Rare = TresRare

Pour le BESTIAIRE :
Terrestre = Terre
Marin = Mer
Aérien = Air
Tropical = Tropical
Sub-Tropical = Sub
Forêt = Foret
Montagne = Montagne
Glaciers = Glace
Désert de sable = Desert
Volcanique = Volcan
Grands océans = Ocean
Comestible = Manger
Non-Comestible = Nonmanger
Dangereux = Danger
✩✩✩ Commun = Commun
★✩✩ Rare = Rare
★★✩ Très rare = Tresrare
★★★ Mythique = Mythique
✩✩✩ Inoffensif = Ino
★✩✩ Menaçant = Menace
★★✩ Belliqueux = Belliqueux
★★★ Brute = Brute
Oui = Domest
Non = Nondomest