Modèle de Fiche de Liens

<link href="https://fonts.googleapis.com/css?family=Merriweather|Just+Another+Hand|Berkshire+Swash" rel="stylesheet">
<div style="background-color: #ACE0C7; width: 550px; margin: auto; color: #316D4F; border: 2px solid white;">
<div style="font-family: Berkshire Swash; font-size:30px; text-align: center;">Nom du personnage</div>
<div style="font-family: Merriweather; font-size: 12px; text-align: center; margin-top: -15px; color: #69AD8B;">« Citation stylée ici »</div>
<div style="max-width: 500px; border: 3px double black; margin:auto;"><img src="http://68.media.tumblr.com/0f7c5f71c9fc966a59df321fb93e655c/tumblr_mx7km3LlF91r0dbsno1_500.gif"></div>
<div style="font-family:Berkshire Swash; font-size: 22px; text-align: center;">Informations</div>
<div style="width: 500px; margin:auto; background-color: #C7E2D5; width: 483px; height: 180px; overflow:auto; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 2px;"><b>Surnom:</b> //
<b>Âge:</b> //
<b>Anniversaire:</b> XX/XX/XX
<b>Groupe(s):</b> //
<b>Rang:</b> S'il y en a
<b>But:</b> //
<b>Avatar:</b> <i>Nom du personnage</i> de <b>Source</b>

<b>Taille:</b> //
<b>Poids:</b> //
<b>Cheveux:</b> //
<b>Yeux:</b> //
<b>Signe(s) distinctif(s):</b> //

<b>Caractère :</b> Quelques mots
<b>Aime:</b> Chose 1 - Chose 2 - Chose 3 - Chose 4 - Chose 5
<b>N'aime pas:</b> Chose 1 - Chose 2 - Chose 3 - Chose 4 - Chose 5</div>

<div style="background-color: #C7E2D5; margin:auto; width: 483px; height: 140px; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 5px;"><div style="font-family:Berkshire Swash; font-size: 22px; text-align: center;">RP en cours</div><div style="height:140px; overflow:auto;"><br /><a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
</div></div>
<div style="background-color: #C7E2D5; margin:auto; width: 483px; height: 140px; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 5px;"><div style="font-family:Berkshire Swash; font-size: 22px; text-align: center;">RP terminés</div><div style="height:140px; overflow:auto;"><br /><a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
</div></div>
<div style="background-color: #C7E2D5; margin:auto; width: 483px; height: 140px; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 5px;"><div style="font-family:Berkshire Swash; font-size: 22px; text-align: center;">RP abandonnés</div><div style="height:140px; overflow:auto;"><br /><a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
<a href="lien du rp">Nom du RP</a> avec Nom(s) du ou des participant(s)
</div></div>
<div style="font-size:8px; text-align:right; padding:3px; color:grey;">Lazulijune</div></div>

<div style="background-color: #ACE0C7; width: 550px; margin: auto; color: #316D4F; border: 2px solid white;">
<div style="font-family: Berkshire Swash; font-size:30px; text-align: center;">Liens</div>
<table style="width: 500px; margin:auto;"><tr><td style="background-color: #C7E2D5; margin:auto; width: 200px; height: 140px; overflow:auto; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 2px;"><div style="height:140px; overflow:auto;">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.</div><center><div style="font-family:Berkshire Swash; font-size: 20px;">Nom du personnage</div><img src="http://zupimages.net/up/17/31/ldpv.png" style="border: 1px solid white;"> <img src="http://zupimages.net/up/17/31/q9h0.png" style="border: 1px solid white;"></center><div style="font-family: Merriweather; font-size: 12px; text-align: center;">Description du lien</div></td><td style="background-color: #C7E2D5; margin:auto; width: 200px; height: 140px; overflow:auto; border: 1px solid #66AF8C; text-align: justify; font-size: 12px; padding: 2px;"><div style="height:140px; overflow:auto;">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.</div><center><div style="font-family:Berkshire Swash; font-size: 20px;">Nom du personnage</div><img src="http://zupimages.net/up/17/31/rkmo.png" style="border: 1px solid white;"> <img src="http://zupimages.net/up/17/31/5iw8.png" style="border: 1px solid white;"><div style="font-family: Merriweather; font-size: 12px; text-align: center;">Description du lien</div></center></td></tr></table>

<div style="font-size:8px; text-align:right; padding:3px; color:grey;">Lazulijune</div></div>