I — Modèle de fiches de liens & rps

<div class="ficheliens"><br>
<center>
<div class="titresficheliens"><div class="titre">prénom nom</div></div><div class="soustitreliens">citation</div></center><table><tr><td>
<div style="background:url('http://image.noelshack.com/fichiers/2013/09/1361831501-inconnu3.png'); background-repeat: no-repeat; background-size: 100%; background-position: 20% 0%; display:inline-block; width:165px; height:230px; border-radius:5px; padding:10px; margin-top:-30px; margin-left:5px; margin-right:10px;"></div></td><td><input checked="" name="ficheliens" id="premier" type="radio" style="display:none" /> <input name="ficheliens" id="deuxieme" type="radio" style="display:none" /> <input name="ficheliens" id="troisieme" type="radio" style="display:none" /> <input name="ficheliens" id="quatrieme" type="radio" style="display:none" />

<div class="interne"><div class="contenuliens prem">Description du personnage

</div><div class="contenuliens deux"><center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">CHRONOLOGIE</font></center>
Veuillez décrire ici la chronologie de votre personnage en indiquant les dates importantes de son histoire

<font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">0000 -</font> Evènement
<font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">0000 -</font> Evènement

</div><div class="contenuliens trois"><center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">LIENS RECHERCHES</font></center>
Decrivez ici les liens recherchés

<font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">TYPE DE LIEN -</font> Détail
</div><div class="contenuliens quat"><center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">RPS RECHERCHES</font></center>
Texte

</div>
</div><div class="boutonsliens"><label for="premier" class="lab prem">○</label> <label for="deuxieme" class="lab deux">○</label> <label for="troisieme" class="lab trois">○</label> <label for="quatrieme" class="lab quat">○</label>  </div>
</div></td></tr></table>
<div class="sigil"><img src="https://i.servimg.com/u/f96/19/52/25/03/blason13.png" title="Région/cité d'origine" ><img src="https://i.servimg.com/u/f96/19/52/25/03/blason13.png" title="Maison" ><img src="https://i.servimg.com/u/f96/19/52/25/03/blason13.png" title="Maison suzeraine/royale/allégeance actuelle" ></div>
<div style="padding: 5px; border-radius: 5px; line-height: 13px; text-align:justify; height:420px; width: auto; overflow:auto; background-color: #fffaf5; font-size:10px;">
<center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color: #A38240; text-shadow: 0 0 1px; ">RPS EN COURS</font></center>
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu


<center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color:#7A1A1F; text-shadow: 0 0 1px;">RPS ABANDONNES -</font></center>
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu

<center><font style="font-family: domine, serif; letter-spacing:1px;font-size: 9px; color: #A38240; text-shadow: 0 0 1px;">RPS TERMINES -</font></center>
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu
- <a href="">Titre du rp</a> ft. <b>Partenaire</b>, date, lieu
</div>
</div>

<div class="ficheliens"><br>
<center>
<div class="titresficheliens"><div class="titre">les liens</div></div><div class="soustitreliens">sous titre</div>
<table><tbody><tr><td><div class="TexteLiensGauche">Nom 1</div> <div class="TexteLiensGauche">Statut 1</div> <div class="TexteLiensGauche">Lien 1</div></td><td><div class="ImgLiens" style="background-image:url('https://media.melty.fr/article-3872638-raw/martell-dorne-quoi.gif'); background-repeat: no-repeat; background-size: cover; background-position: center;"></div></td><td><div class="BlocTexteLiens">Décrivez ici le lien unissant votre personnage avec le lien 1</div></td></tr></tbody></table>
<table><tbody><tr><td><div class="BlocTexteLiens">Décrivez ici le lien unissant votre personnage avec le lien 2</div></td><td><div class="ImgLiens" style=" background-image:url('https://media.melty.fr/article-3872638-raw/martell-dorne-quoi.gif'); background-repeat: no-repeat; background-size: cover; background-position: center;"></div></td><td><div class="TexteLiensDroit">Nom 2</div> <div class="TexteLiensDroit">Statut 2</div> <div class="TexteLiensDroit">Lien 2</div> </td></tr></tbody></table>
<table><tbody><tr><td><div class="TexteLiensGauche">Nom 3</div> <div class="TexteLiensGauche">Statut 3</div> <div class="TexteLiensGauche">Lien 3</div></td><td><div class="ImgLiens" style="background-image:url('https://media.melty.fr/article-3872638-raw/martell-dorne-quoi.gif'); background-repeat: no-repeat; background-size: cover; background-position: center;"></div></td><td><div class="BlocTexteLiens">Décrivez ici le lien unissant votre personnage avec le lien 3</div></td></tr></tbody></table>
<table><tbody><tr><td><div class="BlocTexteLiens">Décrivez ici le lien unissant votre personnage avec le lien 4</div></td><td><div class="ImgLiens" style=" background-image:url('https://media.melty.fr/article-3872638-raw/martell-dorne-quoi.gif'); background-repeat: no-repeat; background-size: cover; background-position: center;"></div></td><td><div class="TexteLiensDroit">Nom 4</div> <div class="TexteLiensDroit">Statut 4</div> <div class="TexteLiensDroit">Lien 4</div> </td></tr></tbody></table></center>
</div>