Modèle de fiche de liens

<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('http://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('http://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>

<div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="http://i36.servimg.com/u/f36/11/66/90/40/avanat10.png" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">Prénom P. Nom</div><!--
--><p>Ici un petit texte sur le perso. Vous pouvez raconter qui il est, son histoire, son caractère, ou juste des petites choses sur lui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius nisi nec fermentum fermentum. Pellentesque metus elit, rutrum id augue quis, efficitur elementum metus. Proin porttitor ullamcorper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean scelerisque mi ex, a commodo orci scelerisque ac. Curabitur lacinia volutpat nisi sed ornare. Etiam ultricies, risus at eleifend egestas, erat enim porta velit, a maximus augue sapien eu justo. Donec et posuere mauris, vel sollicitudin ligula. Mauris at luctus nibh, ac pulvinar tellus. Quisque pharetra, libero et luctus consectetur, erat arcu vehicula ipsum, vitae consectetur neque metus volutpat leo.

In posuere in quam vitae hendrerit. Etiam eu augue est. Donec id diam sed ligula porta bibendum. Morbi eu fermentum odio. Etiam imperdiet, eros tempor venenatis semper, elit lacus ultrices dui, non condimentum purus libero et lorem. Mauris maximus nec urna et lacinia. Morbi nec vehicula nulla. Suspendisse iaculis tristique lorem sed lobortis. Mauris sem nisl, egestas nec odio eget, tincidunt malesuada ligula. Nam laoreet, tellus a interdum aliquet, metus quam consequat odio, ut sollicitudin lorem urna a risus. Donec id cursus ipsum.

Etiam semper dui at risus commodo dictum. Nullam convallis a lectus vel posuere. Vestibulum luctus consequat blandit. In nibh nulla, fermentum sed neque at, dapibus accumsan orci. Praesent erat metus, bibendum et cursus sed, aliquet sit amet tortor. Nulla at rhoncus est. Fusce dui nunc, rutrum non sagittis vitae, pharetra vitae massa. Nulla facilisi. In sodales elit quis malesuada accumsan. Sed sollicitudin auctor odio, vitae tincidunt nunc accumsan non. Integer quis consectetur diam, ut iaculis erat. Nunc ut metus maximus justo pharetra hendrerit vitae eu metus. Ut dapibus purus sit amet bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ac lorem nec ante porttitor porta sed ac lectus.

Donec tincidunt eu velit ut gravida. Etiam pharetra ac nulla non congue. In ultrices imperdiet eros, in tristique magna. Nunc in neque nulla. Donec tincidunt finibus nulla, eget faucibus arcu condimentum quis. Curabitur vitae dolor id arcu consequat rhoncus sit amet nec orci. Nulla quis iaculis risus, eget tincidunt purus. Duis tincidunt nisi id nisi facilisis, id porttitor tellus tristique. </p><!--
--><div class="espace_icone"><p>Ceci est un espace pour mettre les liens vers les sujet/RP que vous avez eu avec le personnage.
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a></p></div>
</div></div><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div></div>