MODELE DE RS (FACULTATIF)

fiches de relations

modèle cromignon

Coucou les loulous, comme vous êtes super et qu'on veut vous le rendre, on vous a préparé un super modèle ajustable à vos envies pour tenir vos liens et vos listes de RPs à jour !

Celui-ci est bien sûr facultatif, et vous pouvez modifier tout un tas de trucs pour l'adapter à vos goûts, à l'esthétique de vos persos et à ce que vous voulez y mettre dedans MODELE DE RS (FACULTATIF) 1044508227

Ci-après pour trouverez un modèle présentant un code entier, mais aussi le détail de chaque bloc qui le compose pour créer une fiche à votre sauce - tout est interchangeable et modifiable à souhait.
Les indications pré-remplies sont données à titre d'exemple, vous pouvez tout à fait vous servir d'un bloc pour autre chose que ce qui est proposé !

Vous pouvez notamment changer la couleur dominante dans la balise <.style>, présente à la fin du code, toutes les couleurs seront impactées !
fichefondRS correspond au conteneur de la fiche qui est rose dans nos exemples ci-après :

Code:: <div class="fichefondRS"> </div> <style>:root{--colorRS: COULEUR;}</style>

Pour ajouter des titres à votre aise, ceux-ci se présentent de cette manière :

Code:: <div class="titreRS">TITRE</div>

Pour agrémenter vos listes, notre petit cœur préféré qui prend la couleur dominante :

Code:: <span class="keuRS"> ❥ </span>

Pour toute question sur le fonctionnement de la fiche, sur des ajouts ou des modifs, vous pouvez contacter @jules r. farkas.

Prénom Nom

Informations générales à savoir sur ton perso (âge, job, orientation, groupe, etc)

Fiche boîte aux lettres Demande de RP Pinterest

liens recherchés

❥ Lien-type 1 : Petite description de ce que tu cherches, des idées, de comment ton perso appréhende ce type de relations...
❥ Lien-type 2 : Petite description de ce que tu cherches, des idées, de comment ton perso appréhende ce type de relations...

Anecdotes, informations complémentaires...

RPs en cours

Titre/lien avec XXX / période ou statut
Titre/lien avec XXX / période ou statut

RPs terminés

Titre/lien avec XXX / période ou statut
Titre/lien avec XXX / période ou statut

Code:: <div class="fichefondRS"><div class="blaz"> Prénom Nom </div><div class="fondRS"><img class="imgT" src="URL DE L'IMAGE CARRE ICI"/> Informations générales à savoir sur ton perso (âge, job, orientation, groupe, etc) </div><div class="redirectionRS"><a href= "LIEN ICI" target="_blank">Fiche</a> <a href= "LIEN ICI" target="_blank">boîte aux lettres</a> <a href="LIEN ICI" target="_blank">Demande de RP</a> <a href="LIEN ICI" target="_blank">Pinterest</a></div><div class="boite"><img class="imgc" src="URL DE L'IMAGE RECTANGLE 1"/><img class="imgc" src="URL DE L'IMAGE RECTANGLE 2"/><img class="imgc" src="URL DE L'IMAGE RECTANGLE 3"/></div><div class="blocRSlong"><div class="titreRS"> liens recherchés </div> <span class="keuRS"> ❥ Lien-type 1 : </span> Petite description de ce que tu cherches, des idées, de comment ton perso appréhende ce type de relations... <span class="keuRS"> ❥ Lien-type 2 : </span> Petite description de ce que tu cherches, des idées, de comment ton perso appréhende ce type de relations... </div><img class="rect1" src="URL DE L'IMAGE PETIT RECTANGLE 1"/><img class="rect2" src="URL DE L'IMAGE PETIT RECTANGLE 2"/><div class="recap"> Anecdotes, informations complémentaires... </div><img class="imgRS" src="URL DE L'IMAGE CARRE" /><div class="blocRScourt"><div class="titreRS">RPs en cours</div> <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut </div><img class="imgRS2" src="URL DE L'IMAGE CARRE" /><div class="blocRScourt"> <div class="titreRS">RPs terminés</div> <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut </div></div> <style>:root{--colorRS:COULEUR DU FOND;}</style>

❥ Vous pouvez changer facilement cette couleur

et pour la couleur de fond, si vous voulez la changer, c'est aussi super facile ! + le bloc scroll

Code:: <div class="fichefondRS"><img class="tete" src="URL DE TON IMG EN 100x100"/><div class="lien"><div class="nomRelaRS" style="color:var(--colorRS);">❥ lien avec X</div>détails de la relation, contexte de rencontre, possibilités d'évolution</div></div>

Prénom Nom

Pour cette partie on recommande de la mettre en 1er bloc, vous pouvez aussi mettre une citation courte à la place du nom par exemple. Ce bloc s'étend à mesure qu'il y a des choses à l'intérieur !

Code:: <div class="blaz"> Prénom Nom </div><div class="fondRS"><img class="imgT" src="URL DE TON IMG EN 150*150"/> Informations générales à savoir sur ton perso (âge, job, orientation, groupe, etc)</div>

Ici on a a titre d'exemple quatre boutons menant vers les liens de votre choix ; vous pouvez en retirer et en ajouter a volonté, le code s'adapte.

Fiche boîte aux lettres Demande de RP Pinterest

Code:: <div class="redirectionRS"><a href= "URL DU LIEN DESIRE" target="_blank">Fiche</a> <a href= "URL DU LIEN DESIRE" target="_blank">boîte aux lettres</a> <a href="URL DU LIEN DESIRE" target="_blank">Demande de RP</a> <a href="URL DU LIEN DESIRE" target="_blank">Pinterest</a></div>

Ici titre de la section

❥ Pour l'explication : Ce bloc tout simple s'agrandit à mesure que l'on écrit à l'intérieur. Pratique pour les endroits ou on a beaucoup à raconter !

Code:: <div class="blocRSlong"><div class="titreRS"> liens recherchés </div> <span class="keuRS"> ❥ Lien-type 1 : </span> Ici une description de ce que tu recherches, d'idées de liens, de la manière dont ton personnage appréhende ce type de relations...etc. <span class="keuRS"> ❥ Lien-type 2 : </span> Ici une description de ce que tu recherches, d'idées de liens, de la manière dont ton personnage appréhende ce type de relations...etc. </div>

Titre exemple

Pour ces deux blocs il faut noter qu'ils afficheront une barre de défilement s'il y a beaucoup d'écrit !

Titre/lien avec XXX / période ou statut
Titre/lien avec XXX / période ou statut

image a gauche :

Code:: <img class="imgRS" src="URL DE L'IMAGE CARRE" /><div class="blocRScourt"><div class="titreRS">RPs en cours</div> <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut </div>

image a droite :

Code:: <img class="imgRS2" src="URL DE L'IMAGE CARRE" /><div class="blocRScourt"> <div class="titreRS">RPs terminés</div> <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut <span class="keuRS"> Titre/lien </span> avec XXX / période ou statut </div>

Ce bloc scroll, donc si vous écrivez beaucoup, il y aura une barre de défilement mais le bloc restera tout aussi petit !

Code:: <img class="rect1" src="URL DE L'IMAGE PETIT RECTANGLE 1"/><img class="rect2" src="URL DE L'IMAGE PETIT RECTANGLE 2"/><div class="recap"> Anecdotes, informations complémentaires... </div>

Pour les fans de déco, on propose aussi de mettre les 3 petites images comme sur la fiche MODELE DE RS (FACULTATIF) 862050570

Code:: <div class="boite"><img class="imgc" src="URL DE L'IMAGE RECTANGLE 1"/><img class="imgc" src="URL DE L'IMAGE RECTANGLE 2"/><img class="imgc" src="URL DE L'IMAGE RECTANGLE 3"/></div>

❥ Vous pouvez changer facilement cette couleur

et pour la couleur de fond, si vous voulez la changer, c'est aussi super facile ! + le bloc scroll

Code:: <div class="fichefondRS"><img class="tete" src="URL DE TON IMG EN 100x100"/><div class="lien"><div class="nomRelaRS" style="color:var(--colorRS);">❥ lien avec X</div>détails de la relation, contexte de rencontre, possibilités d'évolution</div></div>