<link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'><style> .presentation { margin:auto; width: 500px; background-image:url(http://iwallpapers2.free.fr/images/Photographie/Black_Collection/Bois_sombre_Texture_1920x1080.jpg); height:650px; border-top-left-radius: 100px; border-bottom-right-radius:100px;box-shadow: 5px 0px 5px 5px rgba(0,0,0,0.5);} .titreprez { text-align:center; color:white; text-shadow: 0px 1px lightgrey; font-family: 'Fredericka the Great'; font-size:35px; margin-top:-10px; } .zioum { margin-right:-400px; width:150px; height:220px; } .zioum:hover { transition: 0.5s; transform:rotate (05deg); opacity:1; } .infos { overflow:auto; display: inline-block; float: right; width:300px; height: 200px; background-color: #282929; color: white; padding:10px; margin-right:10px;} .texteprez { width: 450px; margin:auto; height: 100px; background-color: #282929; color: white; padding:10px; overflow:auto; text-align:justify; margin-top:10px; } .credits { margin:auto; width:100px; text-align:center; color: lightgrey; text-shadow: 1px 1px black; font-size: 08px; margin-top:-20px }</style>
<div class="presentation"><div class="titreprez">Pseudo</div>
<img src="http://img11.hostingpics.net/pics/9132735AvrilLavigne.jpg" class="zioum" style="transform:rotate(-05deg); opacity:0.8;" /><div class="infos">Prénom :
Age :
Sexe :
Situation familiale :
Signes distinctifs :
Groupe :
Classe :
Armes :</div><br />
<div class="titreprez">Caractère</div>
<div class="texteprez">Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.
Mensarum enim voragines et varias voluptatum inlecebras, ne longius progrediar, praetermitto illuc transiturus quod quidam per ampla spatia urbis subversasque silices sine periculi metu properantes equos velut publicos signatis quod dicitur calceis agitant, familiarium agmina tamquam praedatorios globos post terga trahentes ne Sannione quidem, ut ait comicus, domi relicto. quos imitatae matronae complures opertis capitibus et basternis per latera civitatis cuncta discurrunt.
Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
</div>
<div class="titreprez" style="margin-bottom:-10px;">Histoire</div>
<div class="texteprez">Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.
Mensarum enim voragines et varias voluptatum inlecebras, ne longius progrediar, praetermitto illuc transiturus quod quidam per ampla spatia urbis subversasque silices sine periculi metu properantes equos velut publicos signatis quod dicitur calceis agitant, familiarium agmina tamquam praedatorios globos post terga trahentes ne Sannione quidem, ut ait comicus, domi relicto. quos imitatae matronae complures opertis capitibus et basternis per latera civitatis cuncta discurrunt.
Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
</div></div>
<div class="credits">Araksha sur <a Href="http://epicode.bbactif.com">Epicode</a></div>
Mer 26 Avr - 18:27
