[HTML] Fiche de personnage 2 (couleurs pastelles)

10.05.2018

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

Trucs à savoir:

- Pour changer l'adresse des images, rendez-vous dans le HTML où changez la directement depuis la petite icône image de l'interface d'édition d'article en remplaçant juste l'adresse!

- Et vous pouvez aussi mettre mon crédit quelque part sur votre blog si vous utilisez le code!

Ce que vous pouvez changer:

- Changer les couleurs

- Changer la police des textes

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

- Supprimer des blocs

CODE HTML:

<p style="text-align: center;"> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #b7c6b5; width: 465px; min-height: 10px; line-height: 15px; margin-left: 0px; border: 1px solid lightgrey; padding: 20px; text-align: center;"><span style="font-family: 'Arsenal'; font-size: 24pt; color: #f2f2f2; letter-spacing: 0px;"><span style="font-size: 36pt;">prénom prénom² nom</span><span style="color: #ffffff;"> </span></span><span style="color: #ffffff;"> </span><strong></strong></div>
</td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
<div style="background-color: #f2f2f2; width: 258px; height: 275px; line-height: 11px; margin-right: 5px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;"><span style="font-family: 'Stint'; font-size: 36pt; color: #b07d8f; letter-spacing: 3px;"><span style="font-size: 18pt;">INFORMATIONS;</span><br /></span><strong> <br /> <br /></strong>Je m'appelle <strong>Prénom Prénom² Nom </strong>mais vous pouvez m'appeler<strong> surnom.</strong> Je suis né(e) un <strong>date de naissance</strong>, et j'ai aujourd'hui <strong>âge</strong> ans. Je suis <strong>nationalité</strong> et je viens de <strong>ville</strong>. Pour éviter toute méprise je suis <strong>orientation sexuelle</strong> et <strong>statut social</strong> (célibataire, marié, divorcé, ...). En ce moment, je suis <strong>métier</strong> (ce que vous voulez, plombier, étudiant, vendeur, ...).<br /> <br /> <br />      <span style="font-family: georgia,palatino;"><span style="color: #e2e2e2;">___________________________</span><br /> </span><br />  <br /><strong>Le truc le plus fou que t'ai fait dans ta vie?</strong> écrire ici. <br /> <br /><strong>Le truc le plus stupide que t'ai pu faire</strong>? écrire ici. <br /> <br /><strong>Ta plus grande fierté?</strong> écrire ici. <br /> <br /><strong>Ta plus grande honte?</strong> écrire ici. <br /> <br /><strong>Ton plus grand regret?</strong> écrire ici. <br /> <br /><strong>Si tu pouvais aller dans le futur pour voir tes fautes, tu le ferais?</strong> écrire ici. <br /> <br /><strong>Tu crois encore au Père Noël?</strong> écrire ici. <br /> <br /><strong>Est-ce que tu penses avoir raté ta vie?</strong> écrire ici. <br /> <br /><strong>Tu crois aux miracles?</strong> écrire ici.<br /> <br /> <br />      <span style="font-family: georgia,palatino;"><span style="color: #e2e2e2;">___________________________</span></span><br /> <br /><br /> <br /><strong>AVATAR —</strong> écrire ici</div>
</td>
<td>
<p style="text-align: center;"><img style="padding: 0px; margin: 0px; margin-top: 5px; margin-bot: 5px; border: 1px solid lightgrey;" src="https://ekladata.com/VbwkQYgT9RfA9Ma3OiFbWpXHBM8.png" alt="fiche cantervalley" /></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #b7c6b5; width: 465px; min-height: 10px; line-height: 15px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; border: 1px solid lightgrey; padding: 20px; text-align: center;"><span style="font-family: 'Arsenal'; font-size: 24pt; color: #f2f2f2; letter-spacing: 0px;"><span style="font-size: 36pt;">histoire de quelqu'un de adjectif</span><span style="color: #ffffff;"> </span></span><span style="color: #ffffff;"> </span><strong></strong></div>
</td>
</tr>
<tr>
<td>
<p style="text-align: center;"><img style="border: 1px solid lightgrey; padding: 2px;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="fiche cantervalley" /></p>
</td>
</tr>
<tr>
<td>
<div style="background-color: #f2f2f2; width: 465px; height: 210px; line-height: 11px; margin-left: 5px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;"><strong>« petite citation » —</strong> écrire ici</div>
</td>
</tr>
</tbody>
</table>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #b7c6b5; width: 465px; min-height: 10px; line-height: 15px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; border: 1px solid lightgrey; padding: 20px; text-align: center;"><span style="font-family: 'Arsenal'; font-size: 24pt; color: #f2f2f2; letter-spacing: 0px;"><span style="font-size: 36pt;">je connais des gens par ci par la</span><span style="color: #ffffff;"> </span></span><span style="color: #ffffff;"> </span><strong></strong></div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #f2f2f2; width: 465px; height: 210px; line-height: 11px; margin-left: 0px; border: 1px solid lightgrey; padding: 20px; overflow: auto; text-align: justify;"><strong>PRENOM PRENOM² NOM —</strong> « dis nous tout »</div>
</td>
</tr>
</tbody>
</table>

CODE CSS:

@font-face {font-family: "Arsenal"; /*stint ultra consended*/
src: url('https://ekladata.com/lC3jVXjQYKpIzBQRpkmO9PlG-sc/arsenale-white.ttf');}

J'avais fait cette fiche y a un moment et vu que je ne m'en suis pas servie, 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