Voici un exemple de code que tu peux utiliser pour présenter ton personnage rapidement, lister ses relations mais aussi les différents RPs que tu as pu faire avec lui. Tu peux les utiliser dans le même sujet ou les séparer dans plusieurs, tu fais comme tu le sens !

Tu trouveras un aperçu de ses codes dans les messages suivants.

Code:

:root{--main-color-rs: crimson;}

Code:

<style> :root{--main-color-rs: crimson;} </style><div class="zhcadre"> <div class="zhrs_icon"><!----

BLOC ICON

---!> <img src="http://via.placeholder.com/100x100"> </div> <div class="zhrs_h1"><!----

BLOC NOM ET PRENOM

---!> Prénom P.<div>Nom</div> <div><span>-</span><!----

BLOC PETITE CITATION
Une petite phrase ! Le mot entre span sera coloré ! Tu peux le déplacer comme tu veux !

---!> PETIT <span>TEXTE</span> DE CITATION</div> </div> <div class="clear"> </div> <div class="zhrs_bandeau"><!----

BLOC INFOS
Quelques infos courtes sur ton personnage ! Son âge, sa nationalité, son métier, bref tout ce que tu veux, tant que ça reste court et que ça tient sur une ligne

---!> Info 1 - Info 2 - Info 3 - Info 4 - Info 5 </div> <div class="zhrs_fullcontent"> <!----

BLOC DESCRIPTION
Partie description avec le titre et une petite citation, que tu peux enlever si tu n'as pas envie d'en mettre une. Suivi de la zone où mettre la description de ton perso !

---!><div class="zhrs_titre">Description <span>// PETITE CITATION</span></div> <div class="zhrs_content"> <div class="zhrs_scroll"> TEXTE DE DESCRIPTION</div> </div><!----

BLOC ANECDOTE
Partie anecdotes avec le titre et une petite citation, que tu peux enlever si tu n'as pas envie d'en mettre une. Suivi de la zone où mettre les anecdotes ! Tu peux mettre autant d'anecdotes que tu veux, renommer la section et en faire autre chose où même virer cette partie.

---!> <div class="zhrs_titre">Anecdotes <span>// PETITE CITATION</span></div> <div class="zhrs_content2"> <div class="zhrs_scroll"> <span>001. </span>ANECDOTE 1
<span>002. </span>ANECDOTE 2
<span>003. </span>ANECDOTE 3
</div> </div> <!----

FIN DU BLOC ANECDOTE

---!></div><div class="zhrs_icons"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> </div> </div>

Code:

<style> :root{--main-color-rs: crimson;} </style><div class="zhcadre"> <div class="zhrs_rpicon"> <i class="fas fa-book"></i> </div> <div class="zhrs_rph1"> role<div>plays</div> </div> <div class="clear"> </div> <div class="zhrs_fullcontent"> <div class="zhrs_content2">  <!----

DEBUT BLOC IDEE DE RP
Tu ajouter autant d'idées que tu veux, en mettre moins, enlever les chiffres avant et juste mettre un paragraphe. Tu peux aussi enlever cette section complètement !

---!><div class="zhrs_rptitre">Idées de rp</div> <div class="zhrs_scroll"> <span>001. </span> IDEE DE RP 1
<span>002. </span> IDEE DE RP 2
<span>003. </span> IDEE DE RP 3</div> </div> <!----

FIN BLOC IDEE RP

---!><!----

TITRE DU BLOC RP
Tu peux enlever la ligne de code suivante si tu ne veux pas de titre

---!><div class="zhrs_titre">TITRE SECTION <span>// PETITE CITATION</span></div><!----

FIN TITRE BLOC RP

---!><!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!> <!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!> <!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!> <!----

TITRE DU BLOC RP
Tu peux enlever la ligne de code suivante si tu ne veux pas de titre

---!><div class="zhrs_titre">TITRE SECTION <span>// PETITE CITATION</span></div><!----

FIN TITRE BLOC RP

---!><!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!> <!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!> <!----

UN RP

---!> <div class="zhrs_zonerp"> <div class="zhrs_date">01/01</div> <div class="zhrs_rpright"><a href="http://zheroes.forumactif.com/">Titre RP</a><div class="zhrs_part">avec <b>Nom du personnage</b> <i>- état du RP</i></div></div><div class="clear"></div> </div><!----

FIN D'UN RP

---!></div><div class="zhrs_bandeau"> </div> </div>

Code:

<style> :root{--main-color-rs: crimson;} </style><div class="zhcadre"> <div class="zhrs_rpicon"> <i class="fas fa-user"></i> </div> <div class="zhrs_rph1"> Relation<div>Tracker</div> </div> <div class="clear"> </div> <div class="zhrs_fullcontent"><!----

DEBUT BLOC RECHERCHE RP
Tu ajouter autant d'idées que tu veux, en mettre moins, enlever les chiffres avant et juste mettre un paragraphe. Tu peux aussi enlever cette section complètement !

---!> <div class="zhrs_content2"> <div class="zhrs_rstitre">RECHERCHE !!</div> <div class="zhrs_scroll"> <span>0/3 - </span> LIEN RECHERCHÉ
<span>0/1 - </span> LIEN RECHERCHÉ
<span>0/1 - </span> LIEN RECHERCHÉ</div> </div><!----

FIN BLOC RECHERCHE RP

---!> <!----

TITRE DE LA SECTION
Tu peux enlever la ligne de code suivante si tu ne veux pas de titre

---!> <div class="zhrs_titre">TITRE SECTION <span>// petite citation</span></div> <!----

FIN TITRE SECTION

---!><!----

FIN TITRE SECTION

---!><!----

DEBUT BLOC POUR UNE RELATION

---!> <div class="zhrs_content2"> <div class="zhrs_rsicon"> <img src="http://via.placeholder.com/100x100"> </div> <div class="zhrs_rsright"> <div class="zhrs_rsnom"> NOM <div>PRENOM</div> <div>PETIT TITRE</div> </div> <div class="zhrs_rsdesc">DESCRIPTION DE LA RELATION</div> </div> <div class="clear"></div> </div> <!----

FIN BLOC POUR UNE RELATION

---!><!----

DEBUT BLOC POUR UNE RELATION

---!> <div class="zhrs_content2"> <div class="zhrs_rsicon"> <img src="http://via.placeholder.com/100x100"> </div> <div class="zhrs_rsright"> <div class="zhrs_rsnom"> NOM <div>PRENOM</div> <div>PETIT TITRE</div> </div> <div class="zhrs_rsdesc">DESCRIPTION DE LA RELATION</div> </div> <div class="clear"></div> </div> <!----

FIN BLOC POUR UNE RELATION

---!><!----

TITRE DE LA SECTION
Tu peux enlever la ligne de code suivante si tu ne veux pas de titre

---!> <div class="zhrs_titre">TITRE SECTION <span>// petite citation</span></div> <!----

FIN TITRE SECTION

---!><!----

FIN TITRE SECTION

---!><!----

DEBUT BLOC POUR UNE RELATION

---!> <div class="zhrs_content2"> <div class="zhrs_rsicon"> <img src="http://via.placeholder.com/100x100"> </div> <div class="zhrs_rsright"> <div class="zhrs_rsnom"> NOM <div>PRENOM</div> <div>PETIT TITRE</div> </div> <div class="zhrs_rsdesc">DESCRIPTION DE LA RELATION</div> </div> <div class="clear"></div> </div> <!----

FIN BLOC POUR UNE RELATION

---!><!----

DEBUT BLOC POUR UNE RELATION

---!> <div class="zhrs_content2"> <div class="zhrs_rsicon"> <img src="http://via.placeholder.com/100x100"> </div> <div class="zhrs_rsright"> <div class="zhrs_rsnom"> NOM <div>PRENOM</div> <div>PETIT TITRE</div> </div> <div class="zhrs_rsdesc">DESCRIPTION DE LA RELATION</div> </div> <div class="clear"></div> </div> <!----

FIN BLOC POUR UNE RELATION

---!></div><div class="zhrs_bandeau"> </div> </div>