Vous êtes validé ? Bravo ! Vous pouvez, dès à présent, poster votre fiche de relation. Sachez que cela n'est nullement obligatoire et que si vous avez envie de coder votre propre fiche, vous avez le feu vert. Ci-dessous, se trouve le modèle du forum.

L'image concernant votre personnage devra être de 160*160, tandis que les icônes de liens devront être de 60*60.

Pour ajouter une nouvelle relation, vous devrez copier et coller le code trouvé avant le séparateur et changer la couleur de fond en fonction du groupe auquel appartient le personnage dans la relation.

La couleur de votre tableau change automatiquement pour celle de votre groupe une fois que vous publiez.

Code:

<center><div class="Mrelations"><div class="rel-top">
<div class="reli-avatar" style="background-image:url(https://i.gyazo.com/7ddd83c97bf9f5f3b10ed0637c06134b.png);"></div><div class="rel-mydata"><div class="reli-info" style="color:var(--groups)"><i class="cp cp-crown-o"></i></div>
<div class="reli-info">PRÉNOM NOM</div>
<div class="reli-info">âge</div><div class="reli-info">sexualité</div><div class="reli-info">nationalité</div><div class="reli-info">métier</div> </div>  </div>
<div class="rel-text">Quelques informations concernant ton personnage. Ce qu'il aime, ce qu'il n'aime pas. Pourquoi pas un résumé de sa vie ? Tu peux même mettre un lien direct vers ta fiche de présentation. Pas de soucis, ça va se mettre en overflow.
 
<rela>Les liens recherchés :</rela>
<div class="relo-info">Nom du lien</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
<div class="relo-info">Nom du lien</div> description
<div class="relo-info">Nom du lien</div> description

<rela>Liste des rps :</rela>
<a href="#">www</a> ❝ titre du rp ❞ | pseudo

<rela>rps terminés</rela>
<a href="#">www</a> ❝ titre du rp ❞ | pseudo
 </div></div><!-- block -->
<div class="Mrelations" style="background:var(--pharaon)"><div class="rel-top"><div class="rel-avatar" style="background-image:url(https://placehold.jp/60x60.png);"></div><div class="rel-info"><i class="cp cp-heart-o"></i></div><div class="rel-info">Prénom Nom</div></div><div class="rel-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </div></div>
<!-- bloc -->
<div class="Mrelations" style="background:var(--odin)"><div class="rel-top"><div class="rel-avatar" style="background-image:url(https://placehold.jp/60x60.png);"></div><div class="rel-info"><i class="cp cp-heart-o"></i></div><div class="rel-info">Prénom Nom</div></div><div class="rel-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </div></div>
<!-- bloc -->
<div class="Mrelations" style="background:var(--babel)"><div class="rel-top"><div class="rel-avatar" style="background-image:url(https://placehold.jp/60x60.png);"></div><div class="rel-info"><i class="cp cp-heart-o"></i></div><div class="rel-info">Prénom Nom</div></div><div class="rel-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </div></div>
<!-- bloc -->
<div class="Mrelations" style="background:var(--nuhoko)"><div class="rel-top"><div class="rel-avatar" style="background-image:url(https://placehold.jp/60x60.png);"></div><div class="rel-info"><i class="cp cp-heart-o"></i></div><div class="rel-info">Prénom Nom</div></div><div class="rel-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </div></div>
<!-- bloc -->
</center>