Modèle

    <link href='http://fonts.googleapis.com/css?family=Almendra+Display' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Romanesco' rel='stylesheet' type='text/css'>
    <div style="width:540px; height: 1180px; font-size: 10px;font-family: Georgia;color: #896969;background-color:#D6D6D6; box-shadow: 0px 3px 8px #896969;border-radius:50px;margin: auto;">
    <center>
    <img src="http://24.media.tumblr.com/25c73786f7fa576dbbc3b8a0908ec877/tumblr_mhkkc2mvYz1s3e0zbo1_500.gif" style="width: 500px; height:245px; border-radius: 55px; box-shadow: 0px 3px 8px #896969;" class="opacite">
    <div style="font-family: 'Romanesco', georgia; font-size: 55px; color:#5B1616; text-shadow: 0px 1px 4px #000000; margin-top: -15px; text-align: center;"> Prénom P² Nom</div>
    <br><div style="font-family: 'Almendra Display', georgia; font-size: 24px; color:#5B1616;margin-top: -25px; text-align: center;"> - Petite citation - </div>

    <div style="font-family: 'Romanesco', georgia; font-size: 35px; color:#5B1616; text-shadow: 0px 1px 4px #000000; margin-bottom: -20px; text-align: center;"> Identité</div>
    <div style="width: 460px; height: 120px; background-color:#E9E4E4; font-family: georgia;font-size:11px; color: #896969; border-radius: 10px;box-shadow: 0px 3px 8px #896969;  padding-top: 20px; padding-left: 10px; overflow: auto; text-align: justify;"><br><table><tr><td><div style="font-size:10px; width:225px; "> • [b]Prénom(s)[/b] : écrire ici <br>• [b]Nom[/b] : écrire ici <br>• [b]Date de naissance[/b] : écrire ici <br>• [b]Âge[/b] : écrire ici <br>• [b]Statut Familial[/b] : écrire ici </div></td><td><div style="font-size:10px; width:225px;"> • [b]Métier / Études [/b]: écrire ici <br>• [b]Statut social[/b] : écrire ici <br>•[b] Orientation sexuelle[/b] : écrire ici <br>• [b]Groupe[/b] : écrire ici <br>• [b]Avatar[/b] : écrire ici </div></td></tr></table></div>

    <table cellpadding="0" cellspacing="5" style="margin-top: -40px;"><tr><td><div style="font-family: 'Romanesco', georgia; font-size: 35px; color:#5B1616; text-shadow: 0px 1px 4px #000000; margin-bottom: -30px; text-align: center;"> Caractère</div>
    <div style="width: 220px; height: 280px; background-color:#E9E4E4; font-family: georgia;font-size:11px; color: #896969; border-radius: 10px;box-shadow: 0px 3px 8px #896969;  padding-top: 20px; padding-left: 10px;  text-indent: 20px; overflow: auto; text-align: justify; padding-right:10px;"><br>Décrivez votre personnages en quelques lignes, son caractère, au minimum 5 qualités et 5 défauts, développez pour que le curseur soit utilisé. Décrivez votre personnages en quelques lignes, son caractère, au minimum 5 qualités et 5 défauts, développez pour que le curseur soit utilisé. Décrivez votre personnages en quelques lignes, son caractère, au minimum 5 qualités et 5 défauts, développez pour que le curseur soit utilisé. Décrivez votre personnages en quelques lignes, son caractère, au minimum 5 qualités et 5 défauts, développez pour que le curseur soit utilisé.
    <br></div></td>

    <td><div style="font-family: 'Romanesco', georgia; font-size: 35px; color:#5B1616; text-shadow: 0px 1px 4px #000000; margin-bottom: -30px; text-align: center;"> Histoire</div>
    <div style="width: 220px; height: 280px; background-color:#E9E4E4; font-family: georgia;font-size:11px; color: #896969; border-radius: 10px;box-shadow: 0px 3px 8px #896969;  padding-top: 20px; padding-left: 10px; overflow: auto; text-align: justify;padding-right:10px;"><br><div style="font-size:10px;">Histoire du personnage, résumez en quelque lignes l'histoire de votre scénario.Histoire du personnage, résumez en quelque lignes l'histoire de votre scénarioLorem ipsum dolor sit amet, consectetur adiHistoire du personnage, résumez en quelque lignes l'histoire de votre scénario.Histoire du personnage, résumez en quelque lignes l'histoire de votre scénario.Histoire du personnage, résumez en quelque lignes l'histoire de votre scénario.Histoire du personnage, résumez en quelque lignes l'histoire de votre scénarioLorem ipsum dolor sit amet, consectetur adiHistoire du personnage, résumez en quelque lignes l'histoire de votre scénario.Histoire du personnage, résumez en quelque lignes l'histoire de votre scénario.</div></div></td></tr></table>

    <table cellpadding="0" cellspacing="5" style="margin-top: -45px;"><tr><td><span class="infobulle4"><img src="http://25.media.tumblr.com/f50e9fd50776820937215d90de50b7c4/tumblr_mgo41t1J7K1qgawlzo1_500.gif" style="width: 220px; height:100px; border-radius: 25px; box-shadow: 0px 3px 8px #896969;"><span class="infobulle4-hidden"><div style="font-size:10px;">• [b]Prénom Nom[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl felis, malesuada eget adipiscing quis, iaculis at urna. Quisque lectus arcu, mattis eget venenatis vel, lobortis cursus turpis. </div></span></span></td>
    <td><span class="infobulle4"><img src="http://25.media.tumblr.com/f50e9fd50776820937215d90de50b7c4/tumblr_mgo41t1J7K1qgawlzo1_500.gif" style="width: 220px; height:100px; border-radius: 25px; box-shadow: 0px 3px 8px #896969;"><span class="infobulle4-hidden"><div style="font-size:10px;">• [b]Prénom Nom[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl felis, malesuada eget adipiscing quis, iaculis at urna. Quisque lectus arcu, mattis eget venenatis vel, lobortis cursus turpis. </div></span></span></td>
    </tr>
    <tr><td><span class="infobulle4"><img src="http://25.media.tumblr.com/f50e9fd50776820937215d90de50b7c4/tumblr_mgo41t1J7K1qgawlzo1_500.gif" style="width: 220px; height:100px; border-radius: 25px; box-shadow: 0px 3px 8px #896969;"><span class="infobulle4-hidden"><div style="font-size:10px;">• [b]Prénom Nom[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl felis, malesuada eget adipiscing quis, iaculis at urna. Quisque lectus arcu, mattis eget venenatis vel, lobortis cursus turpis. </div></span></span></td>
    <td><span class="infobulle4"><img src="http://25.media.tumblr.com/f50e9fd50776820937215d90de50b7c4/tumblr_mgo41t1J7K1qgawlzo1_500.gif" style="width: 220px; height:100px; border-radius: 25px; box-shadow: 0px 3px 8px #896969;"><span class="infobulle4-hidden"><div style="font-size:10px;">• [b]Prénom Nom[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl felis, malesuada eget adipiscing quis, iaculis at urna. Quisque lectus arcu, mattis eget venenatis vel, lobortis cursus turpis. </div></span></span></td>
    </tr></table>

    <div style="text-align:center; font-size:8px; opacity:0.6;color: #896969; ">MADE BY .ANGELUS</div>
    </center>
    </div>[code][/code]

    <link href='http://fonts.googleapis.com/css?family=Almendra+Display' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Romanesco' rel='stylesheet' type='text/css'>
    <div style="width:540px; height: 700px; font-size: 10px;font-family: Georgia;color: #896969;background-color:#D6D6D6; box-shadow: 0px 3px 8px #896969;border-radius:50px;margin: auto;">
    <center>
    <img src="http://media.tumblr.com/tumblr_m3hnseeB7B1r7ifqv.gif" style="width: 500px; height:245px; border-radius: 25px; box-shadow: 0px 3px 8px #896969;" class="opacite">
    <div style="font-family: 'Romanesco', georgia; font-size: 55px; color:#5B1616; text-shadow: 0px 1px 4px #000000; margin-top: -15px; text-align: center;"> Le petit mot du créateur</div>
    <br><div style="font-family: 'Almendra Display', georgia; font-size: 24px; color:#5B1616;margin-top: -25px; text-align: center;"> - Plus d'infos. - </div>

    <div style="width: 460px; height: 250px; background-color:#E9E4E4; font-family: georgia;font-size:11px; color: #896969; border-radius: 10px;box-shadow: 0px 3px 8px #896969;  padding-top: 20px; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">[b]Avatar :[/b] BLABLA.

    [b]Histoire :[/b] BLABLA.

    [b]Disponibilité :[/b] BLABLA.

    [b]++ :[/b] BLABLA.  </div>

    <div style="text-align:center; font-size:8px; opacity:0.6;color: #896969; ">MADE BY .ANGELUS</div>
    </center>
    </div>