Modèle de présensation

 <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
<div style="width:550px;height:1030px;border-right: 10px solid #e2f3ff;border-left: 10px solid #96A2FF;background-color : #f9f7ea;margin:auto;text-align:center;">
<p style="font-family:'Pacifico',cursive;font-size:60px;color: #96A2FF;">Prénom</p>
<p style="font-size:30px;color:#b9b497;margin-top:-60px">Citation qui roxe,mais pas trop longue</p>
<div style=" width:500px;height:210px;margin:auto;background-color:#ebe7ce;">
<IMG src="http://image.noelshack.com/fichiers/2015/41/1444430074-sans-titre-3.png" style="border-right: 5px solid #e2f3ff;border-left: 5px solid #96A2FF;width: 125px;height: 150px;float: left;margin: 20px 10px 10px 30px;"/>
<div style="width: 300px;height: 170px;background-color: #B9B497;display: inline-block;border-radius: 10px;margin-top:-15px;overflow:auto;">
<p style="color:#f9f7ea;overflow:auto;margin-top:-25px" align="justify">
[b]Nom:[/b]
[b]Sexe:[/b]
[b]Nombre d'année d'existence:[/b]
[b]Famille (Shintoïsme, Grecque, etc.)  :[/b]
[b]Hétéro/Bi/Homo ? :[/b]
[b]Je suis le dieu de/des/du:[/b]
[b]Maîtrise du pouvoir  :[/b] Bla sur un échelle de 10
[b]Pouvoir (Quelques lignes) [/b]:
[b]Sucré(e) ou salé(e) ? :[/b]
[b]Aimes-tu les cookies ? :[/b]
[b]Tu es ici parce que.. :[/b]

<center><div style="background-color:#414347;border-bottom: 1px solid #CECECE; width:100px;font-family: 'Roboto Condensed', sans-serif;font-size:13px; color:#EAEAEA;margin-bottom:2px;padding:2px;">LUCIFER/GOD</div></center>
</p></div>
</div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:230px;height:240px;float:left;background-color:#ebe7ce;margin: 10px 10px 10px 30px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;">Mon Beau Miroir</p>
<p style="color:#8a8981;margin-top:-25px;"align="justify">  Lesquelles habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:230px;height:240px;float:right;background-color:#ebe7ce;margin-top:-8px;margin-right:30px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;">Dans Ma Tête</p>
<p style="color:#8a8981;margin-top:-25px;"align="justify">Lesquelles habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:500px;height:170px;margin:auto;background-color:#ebe7ce;margin-top:230px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;margin-left:-200px">My Story,My Future...</p>
<p style="color:#8a8981;margin-top:-25px;text-align:left"align="justify">Lesquelles habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p></div>
<div style="width: 510px;height: 12px;background-color: #B9B497;margin-top:-10px;margin-left:20px;"></div>
<div style="width:510px;height:150px;margin:auto;background-color:#ebe7ce;margin-top:-10px;overflow:auto;">
<IMG src="" style="border-right: 5px solid #e2f3ff; border-left: 5px solid #96A2FF;width: 125px;height: 125px;float: right;margin-top:-10px;margin-right:7px"/>
<p style="color:#8a8981;text-align:left;margin-top:-25px;"align="justify">Bonjour tout le monde! Je suis une nouvelle tête très mimi ou viril.. vous le verrez si vous m'apprenez à me connaître! Je joue le personne de [b]NOM DU PERSONNAGE[/b] et [b]NOM SI DC (Sinon supprimé[/b]) . J'ai découvert le forum [b]COMMENT AS-TU CONNU LE FOFO?[/b],c'est drôle non? En tout cas, j'ai décidé de m'inscrire parce que RAISON. Pour le moment, [b]COMMENT JE TROUVE LE FORUM[/b], mais je pense qu'il manque [b]AVIS SUR LE FOFO[/b]. En réalité, je m'appelle [b]NOM ICI (facultatif)[/b] , je vis à [b]ICI[/b] et j'aime beaucoup les cookies! J'aime bien le rpg, sans vouloir m'enfler la tête.. je suis plutôt un [b]DÉBUTANT/INTERMÉDAIRE[/b]. J'ai bien lu le règlement, car je sais que le code est [b]CODE[/b]. En tout cas, j'espère bien m'amuser ici, même si le directeur me fait de grands yeux.. pervers.
[b]Souhaites-tu être pris(e) en charge par un Sensei pour t'aider ?:[/b] </p></div>
</div>
<div style="margin-left:auto;margin-right:auto;margin-top:-17px;width: 420px;height: 25px;background-color: #B9B497;border-radius: 0px 0px 10px 10px ">
<p style="color:#f9f7ea;text-align:center;margin-top:-15px">Codage by Sasa Yona pour Kami No Gakuen </p></div>