Code:

<div class="presentation"><!--
--><img src="https://i.imgur.com/ycWVQgG.jpg"><!--
--><img src="ICONE100*100"><div><!--

--><span>Nom prénom</span><!--
--><span>Une petite phrase ou un sous titre ? </span><!--

--></div><div><span>Informations</span><span>Pouvoir</span><span>Inventaire</span><span>Les RPs</span><span>Relations</span></div><div><div><!--

--><span>Informations générales</span>
[b]Age : [/b]Ecrire ici
[b]Sexe : [/b]Ecrire ici
[b]Groupe : [/b]Ecrire ici
[b]Spécialité/Métier/etc : [/b] Ecrire ici

<span>En quelques mots...</span>
[i]Ecrire ici en quelques lignes un petit résumé de votre personnage : qualité ou défaut, des funfacts, des particularités, armes de prédilection, orientation sexuelle. Des choses qui ont marqués la vie de votre personnage... Etc. Tout ce qui serait important pour résumer votre personnage ![/i]<!--

--></div><div><!--

--><span>Le pouvoir</span>
[b]Nom du pouvoir : [/b]Ecrire ici
[b]Catégorie : [/b] Ecrire ici

[i]Ecrire ici le pouvoir de votre personnage : qu'est ce qu'il est ? Comment il agit ? Quand ? Sous quelle conditions ? Quel est sa puissance ? Quel est le contre coup ? [/i]<!--

--></div><div><!--

--><span>Inventaire Général</span>
- Liste de votre inventaire

<span>Objets de pouvoirs & Amélioration</span>
- Liste de votre inventaire<!--

--></div><div><!--

--><span>Les RPs en cours</span>
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo

<span>Les RPs terminés</span>
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo
- <a href="#">[b]NOM DU RP[/b]</a> avec Pseudo
<!--

--></div><div><!--

--><span>Fiche de relations</span>

<img src="https://i.imgur.com/0zmrQaP.jpg" class="min50" style="float:left; margin:0px 10px 10px 0px;"> [b]NOM PRENOM[/b]
TYPE DE RELATION
[i]Petite description[/i]
<!--

--></div></div></div>

Code:

<div class="box"><img src="https://i.imgur.com/wZqyMPH.jpg" class="img_box"><h1><!--

-->Nom Prénom<!--

--></h1><h2><!--

-->Un petit sous titre ou un surnom<!--

--></h2><div class="separation"> </div>
<div class="info-prez"><span><!--

-->Age<!--
--></span><span><!--
-->Sexe<!--
--></span><span><!--
-->Groupe<!--
--></span><span><!--
-->Métier/Spé/Grade/fonction<!--

--></span></div><br><span class="ls2 fs20"><em>En quelques mots...</em></span><br><!--

-->Ecrire ici en quelques lignes un petit résumé de votre personnage : qualité ou défaut, des funfacts, des particularités, armes de prédilection, orientation sexuelle. Des choses qui ont marqués la vie de votre personnage... Etc. Tout ce qui serait important pour résumer votre personnage !<!--

--></div>
<div class="flex"><div class="btn-prez">Pouvoir</div><div class="btn-prez">Inventaire</div><div class="btn-prez">Plus</div></div><br><div class="text-prez"><div class="text-text"><span class="ls2"><!--

-->[b]Nom du pouvoir :[/b] Ecrire ici
[b]Catégorie :[/b] Ecrire ici
</span><br><div class="separation"></div>
Ecrire ici la description du pouvoir <!--

--></div></div><div class="text-prez"><div class="text-text"><!--

--> Ecrire ici l'inventaire de votre personnage <!--

--></div></div><div class="text-prez"><div class="text-text"><!--

--> Onglet supplémentaire ou vous pouvez ranger ce que vous voulez : vos RPs terminés, diviser votre inventaire en deux parties, des informations supplémentaires sur votre personnage etc...  <!--

--></div></div>

Code:

<div class="box"><h11>Listing des RPs</h11><h22>Les aventures de votre personnage</h22><div class="separation"> </div><!--

--><h3>RPs en cours</h3><!--

--><a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]

<a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]
<br><!--

--><h3>RPs terminés</h3><!--

--><a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]

<a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]
<br><!--

--><h3>RPs abandonnés</h3><!--

--><a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]

<a href="#"><span class="up ls2 color">Nom du RP</span></a> avec @Pseudo
[size=10][i]Petit résumé du RP[/i][/size]
<br></div>
<div class="box3">Ecrire ici toutes les informations supplémentaires que vous souhaitez : recherche de RP etc...</div>

Code:

<div class="box"><h11>Fiche de relations</h11><h22>Un petit sous titre</h22><div class="separation"> </div>
Ecrire ici ce que vous voulez : les relations recherchées, les liens etc...
</div>
<h3 style="width:580px; margin:auto;">Cercle proche</h3>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>
<h3 style="width:580px; margin:auto;">Connaissances</h3>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>
<h3 style="width:580px; margin:auto;">Relations négatives</h3>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>
<div class="box"><img src="https://i.imgur.com/pmExa5A.jpg" class="icone-prez"><div class="up ls2" style="text-align:center;"><!--

-->Type de relation<!--

--></div><h22 style="margin:0px;"><!--

--> Prénom Nom</h22>
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

</div>

Code:

<div class="box"><h11>Fiche de relations</h11><h22>Un petit sous titre</h22><div class="separation"> </div><table width="100%"><tr><td width="50%"><!--

COLONNE 1 -->
<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]

<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]

<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]
</td><td><!--

COLONNE 2 -->
<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]

<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]

<img src="https://i.imgur.com/pmExa5A.jpg" class="min50"> [b]NOM PRÉNOM[/b]
[i]Type de relation[/i]</td></tr></table>
</div>
<div class="box3">Ecrire ici ce que vous voulez : les relations recherchées, les liens etc...</div>

Nom Prénom

Un petit sous titre ou un surnom

AgeSexeGroupeMétier/Spé/Grade/fonction

En quelques mots...
Ecrire ici en quelques lignes un petit résumé de votre personnage : qualité ou défaut, des funfacts, des particularités, armes de prédilection, orientation sexuelle. Des choses qui ont marqués la vie de votre personnage... Etc. Tout ce qui serait important pour résumer votre personnage !

Cercle proche

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Connaissances

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Relations négatives

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Type de relation

Prénom Nom
Ecrire ici un petit descriptif du lien. Quelle relation y a-t-il entre les deux personnages ? comment se sont-ils rencontrés ? Etc...

Fiche de relationsUn petit sous titre

NOM PRÉNOM Type de relation NOM PRÉNOM Type de relation NOM PRÉNOM Type de relation

NOM PRÉNOM Type de relation NOM PRÉNOM Type de relation NOM PRÉNOM Type de relation