Fiche Lien

<div class="lfond"><div class="ltitre"><div class="lt2">Prénom P. NOM</div></div><div class="lmoy"><div class="ll1"><img src="http://img11.hostingpics.net/pics/426516sec.png"/></div><div class="ll2"><div class="ltt"><div class="ltt2">Surnom</div></div><div class="ld">Informations sur le personnage.</div></div><div class="ll2"><div class="ltt"><div class="ltt2">Recherche</div></div><div class="ld">Recherche des liens, ou autre utilités.</div></div><div class="ll1"><img src="http://img11.hostingpics.net/pics/748585sec2.png"/></div></div></div><div class="cred">© ASHLING FOR <a href="http://epicode.bbactif.com/">EPICODE</a></div>

<style>.lfond{width:500px;margin:auto}.ltitre{width:480px;padding:10px;background:#C70039;color:#fff;font-family:arial;text-transform:uppercase;font-size:20px;letter-spacing:8px}.lt2{padding:10px;border:1px solid #fff;text-align:center}.lmoy{margin-top:10px}.ll1{width:250px;height:250px;float:left;overflow:hidden}.ll1 img{width:250px;transition:all 1s}.ll1 img:hover{width:300px;margin-top:-25px;margin-left:-27px}.ll2{padding:10px;width:230px;height:230px;background:url(http://i.imgur.com/vknZXt4.png);float:left}.ltt{width:220px;padding:5px;background:#EEE}.ltt2{width:208px;border:1px solid #8D8D8D;font-size:14px;height:16px;padding:5px;text-transform:uppercase;text-align:center;font-family:arial;color:#4C4C4C;letter-spacing:3px}.ld{width:230px;height:182px;margin-top:10px;color:#DDD;font-size:12px;font-family:arial;text-align:justify;line-height:16px;text-shadow:1px 1px 0 #000;overflow:auto}.cred{width:500px;margin:auto;text-align:center;font-size:8px;font-family:arial;letter-spacing:2px;margin-top:10px;color:#A1A1A1}.cred a{color:#a1a1a1}</style>

<div class="lfond"><div class="ltitre"><div class="lt2">Mes relations</div></div><div class="lmoy"><div class="ll3"><img src="http://img11.hostingpics.net/pics/58407367pp.png"/></div><div class="ll4"><div class="ltt"><div class="ltt2">Prénom</div></div><div class="ld">texte</div></div><div class="ll4"><div class="ltt"><div class="ltt2">Prénom</div></div><div class="ld">texte</div></div><div class="ll3"><img src="http://img11.hostingpics.net/pics/58407367pp.png"/></div><div class="ll3"><img src="http://img11.hostingpics.net/pics/58407367pp.png"/></div><div class="ll4"><div class="ltt"><div class="ltt2">Prénom</div></div><div class="ld">texte</div></div><div class="ll4"><div class="ltt"><div class="ltt2">Prénom</div></div><div class="ld">texte</div></div><div class="ll3"><img src="http://img11.hostingpics.net/pics/58407367pp.png"/></div></div></div><div class="cred">© ASHLING FOR <a href="http://epicode.bbactif.com/">EPICODE</a></div>

<style>.lfond{width:500px;margin:auto}.ltitre{width:480px;padding:10px;background:#C70039;color:#fff;font-family:arial;text-transform:uppercase;font-size:20px;letter-spacing:8px}.lt2{padding:10px;border:1px solid #fff;text-align:center}.lmoy{margin-top:10px}.ll3{width:250px;height:150px;float:left;overflow:hidden}.ll3 img{width:250px;height:150px;transition:all 1s}.ll3 img:hover{width:300px;height:180px;margin-top:-25px;margin-left:-27px}.ll4{padding:10px;width:230px;height:130px;background:url(http://i.imgur.com/vknZXt4.png);float:left}.ltt{width:220px;padding:5px;background:#EEE}.ltt2{width:208px;border:1px solid #8D8D8D;font-size:12px;height:13px;padding:5px;text-transform:uppercase;text-align:center;font-family:arial;color:#4C4C4C;letter-spacing:3px}.ld{overflow:auto;width:230px;height:85px;margin-top:10px;color:#DDD;font-size:12px;font-family:arial;text-align:justify;line-height:16px;text-shadow:1px 1px 0 #000}.cred{width:500px;margin:auto;text-align:center;font-size:8px;font-family:arial;letter-spacing:2px;margin-top:10px;color:#A1A1A1}.cred a{color:#a1a1a1}</style>