Pensine n°10

<style type="text/css">#un{border:2px solid #33ccff;background-image:url(SOURCE FOND GAUCHE);background-size: cover;width:490px;height:600px;}#un .paper{background:url(https://user.oc-static.com/files/93001_94000/93731.png);background-repeat:no-repeat;position:relative;top:-20px;left:-50px;height:620px;width:540px;}.ava{position:relative;top:20px;left:60px;width:150px;height:200px;border-radius:100%;border:1px solid gold;}.ima{position:relative;top:180px;left:-100px;width:150px;height:150px;border-radius:100%;border:1px solid gold;}.ami{position :relative;top:340px; left:-260px; width:150px; height:150px; border-radius:100%;border:1px solid gold;}#un .text{height:546px; width:334px; overflow:auto; position:relative; top:-150px; left:224px;}.t{text-decoration:underline; font-weight:bold;}#credita{position: relative; top: -130px; float: right;}</style>

<div id="un"><div class="paper"><img class="ava" src="SOURCE" /><img class="ima" src="SOURCE" /><img class="ami" src="SOURCE" /><div class="text"><p><span class="t">Identité</span> :
[list]
[*]Nom : TEXTE
[*]Prénom : TEXTE
[*]Naissance: TEXTE
[/list]
<span class="t">Physique</span> : Texte

<span class="t">Caractère</span> : Texte</div><a href="http://librecode.forumactif.org/" id="credita">[size=13]©Aby[/size]</a></div>
</div>

<img class="ava" src="SOURCE" /><img class="ima" src="SOURCE" /><img class="ami" src="SOURCE" />

#un{border:2px solid #33ccff;background-image:url(SOURCE FOND GAUCHE);

<style type="text/css">#RP{border: 2px solid gold; background-image: url(https://s-media-cache-ak0.pinimg.com/564x/e5/f4/8f/e5f48fe22aa2d8fdcb4ae9c4e99f09af.jpg); width: 490px; height: 600px;}#paper{background: url(http://www.clker.com/cliparts/v/f/9/u/U/B/notepad-page-hi.png); height: 592px; width: 426px; position: relative; top: 0px; left: 35px;}.text{height: 160px; width: 300px; overflow: auto; position: relative; top: 10px; left: 82px;} #lion{position: relative; top: 20px; left: 150px; width: 160px; height: 160px;}#credit{position: relative; top: 3px; float: right;}</style>

<div id="RP"><div id="paper"><div class="text"><h3>Rps terminés</h3>
[list]
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[/list]
</div>
<div class="text"><h3>Rps en cours</h3>
[list]
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[/list]
</div>
<div class="text"><h3>Rps Abandonnés</h3>
[list]
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[/list]
</div><img id="lion" src="http://images.wikia.com/pottermore/images/1/16/Gryffindor_crest.png" /></div><a href="http://librecode.forumactif.org/" id="credit">[size=13]©AbyLC[/size]</a></div>

<div id="textc"><h3>Rps Abandonnés</h3>
[list]
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[*]<a target="_blank" href="">Nom du rp</a> / Avec ...
[/list]
</div>

.text{height: 160px; width: 300px;

#RP{border: 2px solid gold; background-image: url(https://s-media-cache-ak0.pinimg.com/564x/e5/f4/8f/e5f48fe22aa2d8fdcb4ae9c4e99f09af.jpg);