-
Par Fabule le 10 May 2018 à 19:45
(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="http://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="http://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('http://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.
14 comments -
Par Fabule le 27 July 2016 à 12:58
(cliquez pour avoir l'aperçu en taille réelle)
HTML:
<p style="text-align: center;"> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<table>
<tbody>
<tr>
<td>
<p style="text-align: center;"><img style="padding: 3px; border: 1px solid lightgrey;" src="http://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" /></p>
</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;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #808ea8; letter-spacing: 3px;"> <br />INFORMATIONS;<br /></span></p>
<strong>NOM:</strong> écrire ici — <strong>PRÉNOM:</strong> écrire ici — <strong>ÂGE:</strong> écrire ici — <strong>DATE DE NAISSANCE:</strong> écrire ici — <strong>NATIONALITÉ</strong> écrire ici — <strong>ORIENTATION SEXUELLE:</strong> écrire ici — <strong>STATUT CIVIL:</strong> écrire ici — <strong>PROFESSION/ÉTUDES:</strong> é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;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #f2f2f2; letter-spacing: 3px;"> <br />CARACTÈRE;<br /></span></p>
<span style="color: #cad0e3;"><strong>AIME:</strong> écrire ici — <strong>AIME PAS:</strong> écrire ici — <strong>SI TU ÉTAIS UN ANIMAL:</strong> écrire ici — <strong>SI TU ÉTAIS UN JOUR DE LA SEMAINE:</strong> écrire ici — <strong>TA PLUS GRANDE PEUR:</strong> écrire ici — <strong>QUI ES-TU? :</strong> écrire ici (humain/magus/faucheur) — <strong>QUEL CAMP? :</strong> écrire ici </span><br /><span style="color: #cad0e3;"> </span><br /><span style="color: #cad0e3;"> </span><br /><span style="color: #cad0e3;">Décris ton caractère ici.</span></div>
</td>
</tr>
<tr>
<td>
<p style="text-align: center;"><img style="padding: 3px; border: 1px solid lightgrey;" src="http://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" /></p>
</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;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #808ea8; letter-spacing: 3px;"> <br />POUVOIR;<br /></span></p>
<strong>L'AS-TU DEPUIS LONGTEMPS? :</strong> écrire ici — <strong>T'EN SERS TU SOUVENT? :</strong> écrire ici — <strong>EST-CE QUE TU CONNAIS D'AUTRES MAGUS? :</strong> écrire ici — <strong>EN AS-TU PEUR? </strong> écrire ici<strong><br /> <br /> <br /> <br />NOM DE TON POUVOIR (éventuellement) </strong>— 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;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #f2f2f2; letter-spacing: 3px;"> <br />HISTOIRE;<br /></span></p>
<span style="color: #cad0e3;"><strong>AS-TU DES RÊVES? :</strong> écrire ici — <strong>CROIS-TU EN L'AMOUR? :</strong> écrire ici — <strong>VIS TU BIEN TA CONDITION? :</strong> écrire ici — <strong>SI TU POUVAIS CHANGER UN TRUC DANS TA VIE, CE SERAIT QUOI? :</strong> écrire ici — <strong>CRAINS-TU LE FUTUR? :</strong> écrire ici </span><br /><span style="color: #cad0e3;"> </span><br /><span style="color: #cad0e3;"> </span><br /><span style="color: #cad0e3;">Écris son histoire ici.<br /></span></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('http://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.
25 comments
Follow this section's article RSS flux
Follow this section's comments RSS flux