Le code proposé ci-dessous est similaire au formulaire de présentation du forum, avec quelques petites adaptations.
Journal pour personnages sorciers (moodboard personnalisé)
- Code:
<table class="fiche" cellspacing="0"><tr class="moodboard-bg"><td class="moodboard mb-topleft" style="background-image: url('URL D'UNE IMAGE');"></td><td class="moodboard" style="background-image: url('URL D'UNE IMAGE');"></td><td class="moodboard mb-topright" style="background-image: url('URL D'UNE IMAGE');"></td></tr><tr class="moodboard-bg"><td class="moodboard" style="background-image: url('URL D'UNE IMAGE');"></td><td class="moodboard" style="background-image: url('URL D'UNE IMAGE');"></td><td class="moodboard" style="background-image: url('URL D'UNE IMAGE');"></td></tr><tr><td colspan="3" valign="top"><table cellspacing="0" class="infos-table" width="100%"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Prénom Nom du personnage</div></td></tr><tr><td class="fiche-infos" valign="top"><table cellspacing="0" width="100%" class="table-infos"><tr><td><span class="fiche-soustitre">Informations civiles</span></td></tr><tr><td class="fiche-infos-1"><c>Nom :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Prénom(s) :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Date de naissance :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Âge actuel :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Métier/études :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Alignement politique :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Lieu de résidence :</c> Votre texte.</td></tr></table></td><td class="fiche-infos" valign="top"><table cellspacing="0" width="100%" class="table-infos"><tr><td><span class="fiche-soustitre">Informations Magiques</span></td></tr><tr><td class="fiche-infos-1"><c>Origines :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Baguette :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Patronus :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Épouvantard :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Miroir du Riséd :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Animal de compagnie :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Maison :</c> Votre texte.</td></tr></table></td></tr></table></td></tr></table><div class="fiche-separateur"></div>
<table class="fiche other"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Descriptions</div></td></tr><tr><td class="fiche-caractere" colspan="2" valign="top"><span class="fiche-soustitre2">Caractère de votre personnage</span>
<div class="fiche-champ">Votre texte.
</div></td></tr><tr><td class="fiche-details" valign="top"><span class="fiche-soustitre2">Informations importantes</span>
<div class="fiche-champ">Ceci est une liste des caractéristiques importantes de votre personnage (physiques ou psychologiques : un défaut physique, une phobie gênante...)
</div></td><td class="fiche-gouts" valign="top"><span class="fiche-soustitre2">Goûts</span>
<div class="fiche-champ">Votre texte.
</div></td></tr><tr><td class="fiche-reves" valign="top" colspan="2"><span class="fiche-soustitre2">Rêves & Ambitions</span>
<div class="fiche-champ">Votre texte.
</div></td></tr></table><div class="fiche-separateur"></div>
<table class="fiche other"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Chronologie</div></td></tr><tr><td class="fiche-caractere" colspan="2" valign="top"><div class="fiche-champ">Votre texte.
</div></td></tr></table>
Journal pour personnages sorciers (moodboard pré-rempli)
- Code:
<table class="fiche" cellspacing="0"><tr class="moodboard-bg"><td class="moodboard mb-topleft" style="background-image: url('http://data.whicdn.com/images/270469530/large.jpg');"></td><td class="moodboard" style="background-image: url('http://data.whicdn.com/images/182246638/large.jpg');"></td><td class="moodboard mb-topright" style="background-image: url('http://data.whicdn.com/images/150058313/large.jpg');"></td></tr><tr class="moodboard-bg"><td class="moodboard" style="background-image: url('http://data.whicdn.com/images/264953248/large.jpg');"></td><td class="moodboard" style="background-image: url('http://data.whicdn.com/images/7231246/large.jpg');"></td><td class="moodboard" style="background-image: url('http://data.whicdn.com/images/267842440/large.jpg');"></td></tr><tr><td colspan="3" valign="top"><table cellspacing="0" class="infos-table" width="100%"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Prénom Nom du personnage</div></td></tr><tr><td class="fiche-infos" valign="top"><table cellspacing="0" width="100%" class="table-infos"><tr><td><span class="fiche-soustitre">Informations civiles</span></td></tr><tr><td class="fiche-infos-1"><c>Nom :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Prénom(s) :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Date de naissance :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Âge actuel :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Métier/études :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Alignement politique :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Lieu de résidence :</c> Votre texte.</td></tr></table></td><td class="fiche-infos" valign="top"><table cellspacing="0" width="100%" class="table-infos"><tr><td><span class="fiche-soustitre">Informations Magiques</span></td></tr><tr><td class="fiche-infos-1"><c>Origines :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Baguette :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Patronus :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Épouvantard :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Miroir du Riséd :</c> Votre texte.</td></tr><tr><td class="fiche-infos-2"><c>Animal de compagnie :</c> Votre texte.</td></tr><tr><td class="fiche-infos-1"><c>Maison :</c> Votre texte.</td></tr></table></td></tr></table></td></tr></table><div class="fiche-separateur"></div>
<table class="fiche other"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Descriptions</div></td></tr><tr><td class="fiche-caractere" colspan="2" valign="top"><span class="fiche-soustitre2">Caractère de votre personnage</span>
<div class="fiche-champ">Votre texte.
</div></td></tr><tr><td class="fiche-details" valign="top"><span class="fiche-soustitre2">Informations importantes</span>
<div class="fiche-champ">Ceci est une liste des caractéristiques importantes de votre personnage (physiques ou psychologiques : un défaut physique, une phobie gênante...)
</div></td><td class="fiche-gouts" valign="top"><span class="fiche-soustitre2">Goûts</span>
<div class="fiche-champ">Votre texte.
</div></td></tr><tr><td class="fiche-reves" valign="top" colspan="2"><span class="fiche-soustitre2">Rêves & Ambitions</span>
<div class="fiche-champ">Votre texte.
</div></td></tr></table><div class="fiche-separateur"></div>
<table class="fiche other"><tr><td class="fiche-titre" valign="top" colspan="2"><div class="fiche-filet"></div><div class="fiche-titre">Chronologie</div></td></tr><tr><td class="fiche-caractere" colspan="2" valign="top"><div class="fiche-champ">Votre texte.
</div></td></tr></table>