[Réglé] Image du perso + équipement

[Sephi-Chan]

Ton gabarit sera-t-il toujours le même ?

Si c'est le cas, tu peux facilement faire ton positionnement en CSS. Pour cela tu mets ton image dans un div, tu applique à ce div un position: relative; et tu mets chacun des emplacements d'objet dans un div, imbriqué dans le premier. Tu n'as ensuite plus qu'à leur appliquer position: absolute et jouer sur les proprieté left et top pour les mettre où tu veux.

Si le gabarit change selon la race/sexe, tu fais la même chose pour chaque, en changeant juste la class du div conteneur

Ainsi tu aura ça :

Code :

<div class="character-sheet-human">
<div id="slot-head">Tête</div>
<div id="slot-chest">Torse</div>
...
<div id="slot-legg-right">Jambe (droite)</div>
</div>

avec un CSS genre :

Code :

.character-sheet-human {
position: relative;
background: url('character-sheet-background.png') #000;
}
.character-sheet-human div {
position: absolute;
}
.character-sheet-human #slot-head {
top: 54px;
left: 123px;
}

J'espère t'avoir aidé, et si tu as des questions ou besoin d'aide n'hésite pas à demander.


Sephi-Chan