[HTLM] Fiche personnage

27.07.2016

(cliquez pour avoir l'aperçu en taille réelle)

HTML:

<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<table>
<tbody>
<tr>
<td>
<img style="padding: 3px; border: 1px solid lightgrey;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" />
</td>
</tr>
<tr>
<td>
<div style="background-color: #f2f2f2; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;">
 INFORMATIONS; 
NOM: écrire ici — PRÉNOM: écrire ici — ÂGE: écrire ici — DATE DE NAISSANCE: écrire ici — NATIONALITÉ écrire ici — ORIENTATION SEXUELLE: écrire ici — STATUT CIVIL: écrire ici — PROFESSION/ÉTUDES: écrire ici</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #808ea8; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;">
 CARACTÈRE; 
AIME: écrire ici — AIME PAS: écrire ici — SI TU ÉTAIS UN ANIMAL: écrire ici — SI TU ÉTAIS UN JOUR DE LA SEMAINE: écrire ici — TA PLUS GRANDE PEUR: écrire ici — QUI ES-TU? : écrire ici (humain/magus/faucheur) — QUEL CAMP? : écrire ici     Décris ton caractère ici.</div>
</td>
</tr>
<tr>
<td> 
<img style="padding: 3px; border: 1px solid lightgrey;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" />
</td>
</tr>
<tr>
<td> 
<table>
<tbody>
<tr>
<td>
<div style="background-color: #f2f2f2; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;">
 POUVOIR; 
L'AS-TU DEPUIS LONGTEMPS? : écrire ici — T'EN SERS TU SOUVENT? : écrire ici — EST-CE QUE TU CONNAIS D'AUTRES MAGUS? : écrire ici — EN AS-TU PEUR?  écrire ici       NOM DE TON POUVOIR (éventuellement) — Décris ici ton pouvoir, ce qu'il fait, et peut être des effets secondaires?</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #808ea8; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;">
 HISTOIRE; 
AS-TU DES RÊVES? : écrire ici — CROIS-TU EN L'AMOUR? : écrire ici — VIS TU BIEN TA CONDITION? : écrire ici — SI TU POUVAIS CHANGER UN TRUC DANS TA VIE, CE SERAIT QUOI? : écrire ici — CRAINS-TU LE FUTUR? : écrire ici     Écris son histoire ici. </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

Pour avoir la même police que sur la fiche:

@font-face {font-family: "Dosra";
src: url('https://ekladata.com/sursaut-gamma.cd.st/perso/police/Dorsa-Regular.ttf');}

Vous pouvez:

- Changer les couleurs

- Changer la police des textes

- Changer les textes et autres trucs à remplir comme vous le souhaitez

- Supprimer des blocs

J'avais fait cette fiche y a un bail, mais elle traînait, donc je la met en libre-service! Vous pouvez l'utiliser comme fiche sur un RPG mais vous pouvez aussi l'utiliser d'une autre manière, un fiche explicative, un message d'accueil, je sais pas, c'est vraiment comme vous voulez!

Si vous avez des questions à propos du code, n'hésitez pas! Postez un commentaire avant de le prendre.

Advertising