Sorcier confirmé Messages : Je mets à disposition une petite fiche de présentation. Bien sur, ce n'est qu'une base, et les couleurs ne plairont surement pas à tout le monde :p
Donc, aperçu :
IDENTITY CARD • Nom :
NOBODY'S PERFECT Le physique du perso ici.
WHO AM I ? Le caractère du perso ici.
DAEMONS FROM YOUR PAST L'histoire du perso ici.
CODE :
Code: <center>
<div style="background-color:#FFFFFF; -moz-border-radius: 80px; border: orange 5px solid; padding: 10px; width: 500px;">
<h1 style="color: orange; font-size: 32px; font-family: Comic sans MS;"><em>IDENTITY CARD</em></h1><hr style="border: orange 2px dotted;"></hr><table><tr><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td></tr></table><DIV style="font-size: 16px; color: orange; font-family: Comic sans MS; border: orange 3px solid; -moz-border-radius: 40px; padding: 5px; width: 365px;">• Nom :
• Prénom :
• Âge :
• Nationalité :
• Etat Civil :
• Avatar :<br/></DIV>
<h1 style="color: orange; font-size: 32px; font-line-height: 90px; font-family: Comic sans MS;"><em>NOBODY'S PERFECT</em></h1><hr style="border: orange 2px dotted;"></hr><table><tr><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td></tr></table><DIV style="font-size: 16px; color: orange; font-family: Comic sans MS; border: orange 3px solid; -moz-border-radius: 40px; padding: 5px; width: 365px; height: 125px; overflow-y: auto; margin: auto;">Le physique du perso ici.
</DIV>
<h1 style="color: orange; font-size: 32px; font-line-height: 90px; font-family: Comic sans MS;"><em>WHO AM I ?</em></h1><hr style="border: orange 2px dotted;"></hr><table><tr><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td></tr></table><DIV style="font-size: 16px; color: orange; font-family: Comic sans MS; border: orange 3px solid; -moz-border-radius: 40px; padding: 5px; width: 365px; height: 125px; overflow-y: auto; margin: auto;">Le caractère du perso ici.
</DIV></div></center>
[list]
<center><h1 style="color: orange; font-size: 32px; font-line-height: 90px; font-family: Comic sans MS;"><em>DAEMONS FROM YOUR PAST</em></h1><hr style="border: orange 2px dotted;"></hr><table><tr><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td><td><div style="background-image:url('http://i60.servimg.com/u/f60/14/60/46/82/img111.jpg'); border: orange 5px solid; -moz-border-radius : 100px; width: 100px; height: 100px;"></div></td></tr></table><DIV style="background-color: #FFFFFF; font-size: 16px; color: orange; font-family: Comic sans MS; border: orange 3px solid; -moz-border-radius: 40px; padding: 5px;">L'histoire du perso ici.</DIV></center>[/list]
Remarque Ce code est compatible pour mozilla firefox uniquement. Si vous êtes sous chrome ou IE, remplacer tous les :
Code: -moz-border-radius
par :
Code: border-radius
Pôle Emploi HP
