• [HTML] Fiche de personnage 2 (couleurs pastelles)

     (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;">&nbsp;</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&eacute;nom pr&eacute;nom&sup2; nom</span><span style="color: #ffffff;">&nbsp;</span></span><span style="color: #ffffff;">&nbsp;</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>&nbsp;<br />&nbsp;<br /></strong>Je m'appelle <strong>Pr&eacute;nom Pr&eacute;nom&sup2; Nom </strong>mais vous pouvez m'appeler<strong> surnom.</strong> Je suis n&eacute;(e) un <strong>date de naissance</strong>, et j'ai aujourd'hui <strong>&acirc;ge</strong> ans. Je suis <strong>nationalit&eacute;</strong> et je viens de <strong>ville</strong>. Pour &eacute;viter toute m&eacute;prise je suis <strong>orientation sexuelle</strong> et <strong>statut social</strong> (c&eacute;libataire, mari&eacute;, divorc&eacute;, ...). En ce moment, je suis <strong>m&eacute;tier</strong> (ce que vous voulez, plombier, &eacute;tudiant, vendeur, ...).<br />&nbsp;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-family: georgia,palatino;"><span style="color: #e2e2e2;">___________________________</span><br />&nbsp;</span><br />&nbsp; <br /><strong>Le truc le plus fou que t'ai fait dans ta vie?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Le truc le plus stupide que t'ai pu faire</strong>? &eacute;crire ici. <br />&nbsp;<br /><strong>Ta plus grande fiert&eacute;?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Ta plus grande honte?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Ton plus grand regret?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Si tu pouvais aller dans le futur pour voir tes fautes, tu le ferais?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Tu crois encore au P&egrave;re No&euml;l?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Est-ce que tu penses avoir rat&eacute; ta vie?</strong> &eacute;crire ici. <br />&nbsp;<br /><strong>Tu crois aux miracles?</strong> &eacute;crire ici.<br />&nbsp;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-family: georgia,palatino;"><span style="color: #e2e2e2;">___________________________</span></span><br />&nbsp;<br /><br />&nbsp;<br /><strong>AVATAR &mdash;</strong> &eacute;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;">&nbsp;</span></span><span style="color: #ffffff;">&nbsp;</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>&laquo; petite citation&nbsp;&raquo; &mdash;</strong> &eacute;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;">&nbsp;</span></span><span style="color: #ffffff;">&nbsp;</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&sup2; NOM &mdash;</strong> &laquo; dis nous tout &raquo;</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
  • [HTLM] Fiche personnage

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

     

    HTML:

    <p style="text-align: center;">&nbsp;</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> &eacute;crire ici &mdash; <strong>PR&Eacute;NOM:</strong> &eacute;crire ici &mdash; <strong>&Acirc;GE:</strong> &eacute;crire ici &mdash; <strong>DATE DE NAISSANCE:</strong> &eacute;crire ici &mdash; <strong>NATIONALIT&Eacute;</strong> &eacute;crire ici &mdash; <strong>ORIENTATION SEXUELLE:</strong> &eacute;crire ici &mdash; <strong>STATUT CIVIL:</strong> &eacute;crire ici&nbsp;&mdash; <strong>PROFESSION/&Eacute;TUDES:</strong> &eacute;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&Egrave;RE;<br /></span></p>
    <span style="color: #cad0e3;"><strong>AIME:</strong> &eacute;crire ici &mdash; <strong>AIME PAS:</strong> &eacute;crire ici &mdash; <strong>SI TU &Eacute;TAIS UN ANIMAL:</strong> &eacute;crire ici &mdash;&nbsp;<strong>SI TU &Eacute;TAIS UN JOUR DE LA SEMAINE:</strong> &eacute;crire ici &mdash; <strong>TA PLUS GRANDE PEUR:</strong> &eacute;crire ici &mdash; <strong>QUI ES-TU? :</strong> &eacute;crire ici (humain/magus/faucheur) &mdash; <strong>QUEL CAMP? :</strong> &eacute;crire ici </span><br /><span style="color: #cad0e3;">&nbsp;</span><br /><span style="color: #cad0e3;">&nbsp;</span><br /><span style="color: #cad0e3;">D&eacute;cris ton caract&egrave;re ici.</span></div>
    </td>
    </tr>
    <tr>
    <td>&nbsp;
    <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>&nbsp;
    <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> &eacute;crire ici &mdash; <strong>T'EN SERS TU SOUVENT? :</strong> &eacute;crire ici &mdash; <strong>EST-CE QUE TU CONNAIS D'AUTRES MAGUS? :</strong> &eacute;crire ici &mdash; <strong>EN AS-TU PEUR?&nbsp;</strong> &eacute;crire ici<strong><br />&nbsp;<br />&nbsp;<br />&nbsp;<br />NOM DE TON POUVOIR (&eacute;ventuellement) </strong>&mdash; D&eacute;cris ici ton pouvoir, ce qu'il fait, et peut &ecirc;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&Ecirc;VES? :</strong> &eacute;crire ici &mdash; <strong>CROIS-TU EN L'AMOUR? :</strong> &eacute;crire ici &mdash; <strong>VIS TU BIEN TA CONDITION? :</strong> &eacute;crire ici &mdash; <strong>SI TU POUVAIS CHANGER UN TRUC DANS TA VIE, CE SERAIT QUOI? :</strong> &eacute;crire ici &mdash; <strong>CRAINS-TU LE FUTUR? :</strong> &eacute;crire ici </span><br /><span style="color: #cad0e3;">&nbsp;</span><br /><span style="color: #cad0e3;">&nbsp;</span><br /><span style="color: #cad0e3;">&Eacute;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