Elegant Curve

NOM - Prénom

Code:

<span style="display: block; position: relative; width: 300px; margin-left: auto; margin-right: auto; margin-bottom: -60px; height: 40px; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-left: 1px solid #ac6140; border-right: 1px solid #ac6140; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; -htm-border-radius: 30px; font-family: trebuchet; padding: 5px; font-size: 24px; color: #74331a; text-align: center; font-weight: bold;">NOM - Prénom</span>

<div style="width: 95%; margin: auto; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-bottom: 4px solid #ac6140; border-left: 1px dashed #ac6140; border-right: 1px dashed #ac6140; border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; -htm-border-radius: 20px;">

<span style="display: block; text-align: right; padding-right: 20px; font-family: courier new; font-size: 16px; letter-spacing: 2px; width: 500px; float: right; color: #ac6140; text-shadow: 1px 1px 0px #ffffff;"><span style="font-size: 40px;">"</span>Mets ici une phrase, un dicton ou une maxime qui correspond à ton personnage.
<span style="font-size: 40px;">"</span></span>

<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140; margin-top: 100px; margin-bottom: -100px;"></span>
<center><table><tr><td><span style="display: block; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://h2.mabellephoto.com/time-is-runnig-out-scenes-de-vie-8d6041C100.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td></tr></table></center>

<div style="float: left; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Personnage</span>
<span style="display: block; float: left; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; margin: 6px;"></span>
<b>|- Age</b> : [AGE]
<b>|- Métier</b> : [METIER]
<b>|- Situation familiale</b> : [SITUATION]
<b>|- Donnée 4</b> : [DONNEE]
<b>|- Donnée 5</b> : [DONNEE]
<b>|- Donnée 6</b> : [DONNEE]
</div><div style="float: right; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Joueur</span>
<b>|- Age</b> : [AGE]
<b>|- Localisation</b> : [LOCALISATION]
<b>|- Pourquoi ce forum ?</b> : [POURQUOI]
<b>|- Donnée 4</b> : [DONNEE]
<b>|- Donnée 5</b> : [DONNEE]
<b>|- Donnée 6</b> : [DONNEE]
</div>
<div style="clear: both;">

<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"My Past"</i> - Histoire</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;">histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire</span>

<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"Calm or Lunatic ?"</i> - Caractère</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;">caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère - caractère</span>

<a style="display: block; text-align: right; color: #a48567; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; padding-right: 20px;" href="http://www.never-utopia.com">© Never-Utopia</a>
</div> </div>

C'est trop beau! ^^

Trop beau *bouche-bée* Mais moi je sais juste mettre un cadre !!! T.T Je veux faire des codes CSS !!!!!!!!!!!!!!!!!!!! *mode enfant gatée* T.T Ouiiiiiiiiiiiiiiiiiiiiiiiiiiin !!! Je veux apprendre !!!!!!!!!!!!!!!!!! T.T Vous êtres trop douée quoi !!!! T.T (Même si vous êtres des pros j'ai le droit de dire que vous êtes trop douée xD)

Tu peux apprendre à faire pareil dans le cursus codage si tu veux

Elle est superbe ! Merci

Magnifique ! Merci !

Joli et simple !

Merci beaucoup! Elle est superbe.

Merci beaucoup, très joli!

très bien fait bravo

Merci pour le partage !

Très beau travail
Merci de le partager avec nous :)