[justify]La fiche de relations n'est pas obligatoire, mais aide à trouver plusieurs RPs et liens. Ainsi, libre à vous de décider si vous voulez en avoir une ou non! Cependant, si vous décidez d'en faire une pour votre personnage, on vous demanderait de la mettre à jour le plus souvent que vous le pouvez.

Nous mettons des codes pour cette fiche à votre disposition. On vous demande d'utiliser ceux-ci, mais vous pouvez très bien modifier la couleur et personnaliser un peu, bien évidemment! Seulement, la fiche ne devra pas déformer le forum. Aussi, vous devez laisser les crédits en bas des deux fiches, ne les enlever pas!

Fiche:

 

Prénom Nom

Qui est-il ?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.

Sa tête en mosaïque

Ses aventures

Passées	En cours	Futures
Rp terminé ▬ decription Rp terminé ▬ decription Rp terminé ▬ decription Rp terminé ▬ decription Rp terminé ▬ decription	Rp en cours ▬ decription Rp en cours ▬ decription Rp en cours ▬ decription Rp en cours ▬ decription Rp en cours ▬ decription	• Avec machin • Avec truc • Avec bidule

Code par Dehvi sur Never-Utopia

Code fiche:

 

Code:

<style>@font-face {font-family: 'Pathway Gothic One';font-style: normal;
font-weight:400;src:url(https://themes.googleusercontent.com/static/fonts/pathwaygothicone/v2/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}.perso{width: 500px;margin:auto;background-color: #222; color:#c3c3c3;} .perso h1{font-family:'Pathway Gothic One';text-align:center;font-size:48px;text-transform:uppercase;background-color:#c13d4a;line-height:100px;color:white;margin-bottom:-30px;} .perso h2{font-family:'Pathway Gothic One';text-align:center;font-size:30px;text-transform:uppercase;background-color:#c13d4a;line-height:50px;color:white;font-weight: normal;margin-top: 0px;margin-bottom:-15px;} .perso p{padding-left: 10px;padding-right: 10px;} .rps td{width: 160px;border-right: 3px solid #444;margin-bottom: 0px;} .rps{margin: auto;} .rps h3{font-family:'Pathway Gothic One';text-align:center;font-size:24px;text-transform:uppercase;background-color:#c13d4a;line-height: 40px;color: white;margin-right:0px;margin-top:0px;margin-left: -2px;margin-right: -1px;margin-bottom: -2px; font-weight: normal;} .rps a{color:#c3c3c3;}</style>


<div class="perso"><h1>Prénom Nom</h1>
<img src="http://placehold.it/500x100"/>
<h2>Qui est-il ?</h2><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
<h2>Sa tête en mosaïque</h2>

<center><img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/></center>
<h2>Ses aventures</h2>

<table class="rps"><tr><td><h3>Passées</h3></td><td><h3>En cours</h3></td><td><h3>Futures</h3></td></tr><tr><td valign="top"><a href="#">Rp terminé</a> ▬ decription
<a href="#">Rp terminé</a> ▬ decription
<a href="#">Rp terminé</a> ▬ decription
<a href="#">Rp terminé</a> ▬ decription
<a href="#">Rp terminé</a> ▬ decription</td><td valign="top"><a href="#">Rp en cours</a> ▬ decription
<a href="#">Rp en cours</a> ▬ decription
<a href="#">Rp en cours</a> ▬ decription
<a href="#">Rp en cours</a> ▬ decription
<a href="#">Rp en cours</a> ▬ decription</td><td valign="top">• Avec machin
• Avec truc
• Avec bidule</td></tr></table>

<center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <a href="http://www.never-utopia.com">Never-Utopia</a></center>
</div>

Liens:

 

Ses relations

Prénom nom Type de relation Description de la relation	Prénom nom Type de relation Description de la relation
Prénom nom Type de relation Description de la relation	Prénom nom Type de relation Description de la relation

Code par Dehvi sur Never-Utopia

Code lien:

 

Code:

<style>.perso{width: 470px;margin:auto;background-color: #222; color:#c3c3c3;} .perso h1{font-family:'Pathway Gothic One';text-align:center;font-size:48px;text-transform:uppercase;background-color:#c13d4a;line-height:100px;color:white;margin-bottom:-30px;}  .relations{margin: auto;} .relations h3{font-family:'Pathway Gothic One';text-align:center;font-size:24px;text-transform:uppercase;background-color:#c13d4a;line-height: 40px;color: white;margin-right:0px;margin-top:0px;margin-bottom: -20px; font-weight: normal;} .relations td{width:150px;border-bottom: 4px solid #111;background-color: #333;} .relations td p{height: 200px;max-height: 200px;overflow-y:auto;overflow-x:hidden;padding: 5px;text-align: left;margin-top: -5px;margin-bottom: -15px;} .relations img{border-bottom: 4px solid #111;} .relations strong{font-family: 'Pathway Gothic One';font-size: 16px;text-transform: uppercase;color: white;font-weight: normal;margin-bottom: -30px;display: block;}</style>

<div class="perso"><h1>Ses relations</h1>

<table class="relations"><tr><td><h3>Prénom nom</h3>
<img src="http://placehold.it/230x100"/>
<p><strong>Type de relation</strong>

Description de la relation</p>
</td><td><h3>Prénom nom</h3>
<img src="http://placehold.it/230x100"/>
<p><strong>Type de relation</strong>

Description de la relation</p>
</td></tr><tr><td><h3>Prénom nom</h3>
<img src="http://placehold.it/230x100"/>
<p><strong>Type de relation</strong>

Description de la relation</p>
</td><td><h3>Prénom nom</h3>
<img src="http://placehold.it/230x100"/>
<p><strong>Type de relation</strong>

Description de la relation</p>
</td></tr></table>
<center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <a href="http://www.never-utopia.com">Never-Utopia</a></center>
</div>