Modèles de codes pour les liens et les RPs

Relations & RPs

Vous n'avez pas d'idée pour faire la mise en page de votre suivi relationnel et de vos RPs ? Nous vous proposons les codes suivants que vous pouvez utilisez - ou non - à votre convenance.

Relations

Version Icon 100*100

Prénom(s) Nom

Identité

Prénom(s) : texte ici.
Nom : texte ici.
Codename : texte ici.

Âge apparent : texte ici.
Âge réel : texte ici.

Statut Civil : texte ici.
Orientation sexuelle : texte ici.
Emploi/Occupation : texte ici.

Centre(s) d'intérêt(s) : texte ici.

Capacités

Pouvoirs : texte ici.

Faiblesses : texte ici.

Qualité ○ Qualité ○ Qualité ○ Qualité ○ Qualité
Défaut ○ Défaut ○ Défaut

Description description description description description description description description description description description description description description

Relationships

Famille

Prenom Nom - Nature du lien

Description

Ami(e)s

Prenom Nom - Nature du lien

Description

Allié(e)s

Prenom Nom - Nature du lien

Description

Connaissance(s)

Prenom Nom - Nature du lien

Description

Neutre

Prenom Nom - Nature du lien

Description

Ennemi(e)s

Prenom Nom - Nature du lien

Description

Code:: <center><div id="prez"><h2>Prénom(s) Nom</h2><img src="https://2img.net/h/24.media.tumblr.com/67cffa6d6dbb21f172c46e5e15a997a0/tumblr_mqgzg9nS3c1scwulzo1_r1_500.gif" class="image-relations" />
<table align="center" style="width: 90%;"><tr><td style="width:50%">
<div class="relation-titre">Identité</div><div class="relation-id">Prénom(s) : texte ici.
Nom : texte ici.
Codename : texte ici.

Âge apparent : texte ici.
Âge réel : texte ici.

Statut Civil : texte ici.
Orientation sexuelle : texte ici.
Emploi/Occupation : texte ici.

Centre(s) d'intérêt(s) : texte ici.
</div></td><td style="width:50%">
<div class="relation-titre">Capacités</div><div class="relation-id">Pouvoirs : texte ici.

Faiblesses : texte ici.</div></td></tr></table>
<div class="relation-desc"><div style="text-align: center; font-weight: bold;">Qualité ○ Qualité ○ Qualité ○ Qualité ○ Qualité
Défaut ○ Défaut ○ Défaut </div>
Description description description description description description description description description description description description description description</div>
</div>
<div id="prez"><h2>Relationships</h2>

<div class="relation-titre"> Famille </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center>

<div class="relation-titre"> Ami(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center>

<div class="relation-titre"> Allié(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center>

<div class="relation-titre"> Connaissance(s) </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center>

<div class="relation-titre"> Neutre </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center>

<div class="relation-titre"> Ennemi(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc">Description</div></div></td></table></center></div></center>

Version Icon 100*160

Prénom(s) Nom

Identité

Prénom(s) : texte ici.
Nom : texte ici.
Codename : texte ici.

Âge apparent : texte ici.
Âge réel : texte ici.

Statut Civil : texte ici.
Orientation sexuelle : texte ici.
Emploi/Occupation : texte ici.

Centre(s) d'intérêt(s) : texte ici.

Capacités

Pouvoirs : texte ici.

Faiblesses : texte ici.

Qualité ○ Qualité ○ Qualité ○ Qualité ○ Qualité
Défaut ○ Défaut ○ Défaut

Description description description description description description description description description description description description description description

Relationships

Famille

Prenom Nom - Nature du lien

Description

Ami(e)s

Prenom Nom - Nature du lien

Description

Allié(e)s

Prenom Nom - Nature du lien

Description

Connaissance(s)

Prenom Nom - Nature du lien

Description

Neutre

Prenom Nom - Nature du lien

Description

Ennemi(e)s

Prenom Nom - Nature du lien

Description

Code:: <center><div id="prez"><h2>Prénom(s) Nom</h2><img src="https://2img.net/h/24.media.tumblr.com/67cffa6d6dbb21f172c46e5e15a997a0/tumblr_mqgzg9nS3c1scwulzo1_r1_500.gif" class="image-relations" />
<table align="center" style="width: 90%;"><tr><td style="width:50%">
<div class="relation-titre">Identité</div><div class="relation-id">Prénom(s) : texte ici.
Nom : texte ici.
Codename : texte ici.

Âge apparent : texte ici.
Âge réel : texte ici.

Statut Civil : texte ici.
Orientation sexuelle : texte ici.
Emploi/Occupation : texte ici.

Centre(s) d'intérêt(s) : texte ici.
</div></td><td style="width:50%">
<div class="relation-titre">Capacités</div><div class="relation-id">Pouvoirs : texte ici.

Faiblesses : texte ici.</div></td></tr></table>
<div class="relation-desc"><div style="text-align: center; font-weight: bold;">Qualité ○ Qualité ○ Qualité ○ Qualité ○ Qualité
Défaut ○ Défaut ○ Défaut </div>
Description description description description description description description description description description description description description description</div>
</div>
<div id="prez"><h2>Relationships</h2>

<div class="relation-titre"> Famille </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center>

<div class="relation-titre"> Ami(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center>

<div class="relation-titre"> Allié(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center>

<div class="relation-titre"> Connaissance(s) </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center>

<div class="relation-titre"> Neutre </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center>

<div class="relation-titre"> Ennemi(e)s </div>
<center><table width="420px"><td width="100px"><img src="http://62.mgl.skyrock.net/art/PRIP.79983662.109.0.jpg" class="lien-icone2"></td><td><div class="lien-box"><div class="lien-nom">Prenom Nom - <i>Nature du lien</i></div><div class="lien-desc2">Description</div></div></td></table></center></div></center>

Suivis de RPs

En cours

xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire

Terminés

xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire

Abandonnés

xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire
xx.xx.2025 • www • Titre du RP ft. Partenaire

Code:: [center]<div id="prez"><h2>Suivis de RPs</h2>
<div class="relation-titre">En cours</div><div class="contenu">
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
</div>

<div class="relation-titre">Terminés</div><div class="contenu">
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
</div>

<div class="relation-titre">Abandonnés</div><div class="contenu">
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
[b]xx.xx.2025[/b] • <a href="#">www</a> • Titre du RP ft. Partenaire
</div></div>[/center]

Rechercher

Résultats par : Messages Sujets
Recherche avancée