Exemple de fiche de présentation

<link href="http://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Hind:400,300" rel="stylesheet" type="text/css">

<div style="width: 500px; margin: auto; border-top: solid 2px #95844C; border-bottom: solid 2px #95844C; border-left: solid 2px #95844C; border-right: solid 2px #95844C; background-color: #1C1C1C; text-align: justify;"><center><center><img src="https://2img.net/r/hpimg11/pics/809841cerfbois.jpg" /></center><span style="font-family: 'Cinzel', serif; font-size: 40px; text-shadow: 0px 0px 1px #000000; display: block; text-align: center; width: 50%; margin-right: auto; margin-left: auto; margin-top: -15px; padding-bottom: -25px; "> Prénom P. Nom </span><span style="display: block; text-align: center; font-size: 9px; font-family: 'Cinzel', serif; letter-spacing : 2px;">"Une citation qui tue"</span><div style="line-height: 20px; width: 425px; font-size: 11px; letter-spacing: 4px;">

<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Mon identité... </div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"><b>¤ Date & lieu de Naissance</b>: …
<b>¤ Âge</b> : …
<b>¤ Origine</b> : Humain/Hybride/Elfe/Nymphe/Nain/Sirène
<b>¤ Métier</b> : …
<b>¤ État civil</b> : Marié(e)/Veuf(ve)/En couple/Célibataire
<b>¤ Statut social</b> : …
<b>¤ Situation familiale</b> : …
<b>¤ Situation financière</b> : …
<b>¤ Animal de compagnie</b> : …
</div>

<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Mon inventaire...</div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"><b>¤ Arme principale</b>: …
<b>¤ Arme secondaire</b> : …
<b>¤ Accessoires</b> : <i>Bracelet, collier, etc…</i>
<b>¤ Divers</b> : <i>Inventaire de potions, kit de soin, torche, corde, etc..</i>
</div>

<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Mon caractère... </div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;">

<center><table><tr><td><select type="maplist"><option>QUALITES</option>
<option>…</option>
<option>…</option>
<option>…</option>
<option>…</option></select></td>
<td><select type="maplist"><option>DEFAUTS</option>
<option>… </option>
<option>… </option>
<option>… </option>
<option>… </option></select></td></tr></table>

<table><tr><td><select type="maplist"><option>AIME</option>
<option>… option>
<option>…</option>
<option>… </option>
<option>… </option></select></td>
<td><select type="maplist"><option>DETESTE</option>
<option>… </option>
<option>… </option>
<option>… </option>
<option>… </option></td></tr></table></center>

<b>Autre chose</b>| <i> Vous pouvez rajouter d’autre chose sur le caractère de votre personnage.</i>
</div>



<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Mon physique... </div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"><b>¤ Taille</b> : …
<b>¤ Corpulence</b> : …
<b>¤ Cheveux</b> :  <i>couleur, longueur…</i>
<b>¤ Yeux</b> : <i>couleur</i>
<b>¤ Signe(s) distinctif(s)</b> : <i> Tatouage, cicatrices, etc.</i>
<b>¤ Style vestimentaire</b> : <i>Comment il ou elle est habillé(e).</i>
</div>


<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Compétences et talents... </div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"><b>[]Érudition</b> : <i>Précisez en quelques mots.</i>
<b>[]Magie</b> : <i>Précisez en quelques mots.</i>
<b>[]Survie</b> : <i>Précisez en quelques mots.</i>
<b>[]Chasser</b> : <i>Précisez en quelques mots.</i>
<b>[]Cuisiner</b> : <i>Précisez en quelques mots. </i>
<b>[]Monter une monture</b> : <i>Précisez en quelques mots.</i>
<b>[]Manier une arme</b> : <i>Précisez en quelques mots.</i>
<b>[]Artisanat</b> : <i>Précisez en quelques mots.</i>
<b>[]Larcin</b> : <i>Précisez en quelques mots.</i>
<b>[]Manipulation</b> : <i>Précisez en quelques mots.</i>
<b>[]Tuer</b> : <i>Précisez en quelques mots.</i>
</div>

<div style="font-family: 'Cinzel'; font-size: 17px; text-align: left; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Mon Histoire... </div>
<div style="font-family: 'Cinzel'; font-size: 14px; text-align: center; letter-spacing: 0px; margin: 10px; color: #89816D;">L'enfance</div>
<div style="text-align : justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"> HISTOIRE.
</div>


<div style="font-family: 'Cinzel'; font-size: 14px; text-align: center; letter-spacing: 0px; margin: 10px; color: #89816D;">L'Adolescence</div>
<div style="text-align : justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"> HISTOIRE.
</div>


<div style="font-family: 'Cinzel'; font-size: 14px; text-align: center; letter-spacing: 0px; margin: 10px; color: #89816D;">Aujourd'hui</div>
<div style="text-align : justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"> HISTOIRE.
</div>

<div style="font-family: 'Cinzel'; font-size: 17px; text-align: right; letter-spacing: -1px; margin: 10px; background-color: #666666; color: #000000;"> Derrière l'écran... </div>
<div style="text-align: justify; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px; color: #89816D;"><table><tr><td><div class="cadrep2"><div style="text-align: left; letter-spacing: 1px; font-family: 'Hind', sans-serif; font-size: 13px; line-height: 15px;">
¤ Comment es-tu venu ici?
¤ Des impressions, un mot?
¤ Fréquentation?
¤ Personnage inventé ou prédéfini?
</div></div></td><td><div style="background-image:url(https://2img.net/r/hpimg11/pics/135308tumblrmmha2vY6Tf1r2qp8oo1500.jpg); margin-top: -4px; margin-left: 150px; width: 90px; height: 90px; border-radius: 100px; box-shadow: #000000 0px 0px 2px;"></div></td></tr></table></div>
<a class="credits" style="color: #2A2A2A; font-size: 15px;">:copyright:never-utopia</a>
</div></center></div>