Modèle : Fiche prédéfinis

Vous trouverez ci-dessous le code pour créer vos prédéfinis, ces petits personnages que nous aimerions tous voir pris par les autres pour jouer un lien très particulier avec le nôtre.

La création est entièrement libre, néanmoins voici quelques points à respecter pour que votre prédéfini soit proposé aux autres :

• Le titre doit être sous la forme Prénom Nom - groupe, tout titre non conforme se verra modifié


• Chaque fiche doit être postée ici

Bonne création à tous ~

Code:

<div class="preze"><div class="doss_prez"><input type="radio" name="boutonOnglet" id="identite_prez" class="boutonOnglet" checked /><input type="radio" name="boutonOnglet" id="souvenirs_prez" class="boutonOnglet" /><input type="radio" name="boutonOnglet" id="hrp_prez" class="boutonOnglet" /><label for="identite_prez" class="interc_prez" id="label1"><div class="id_bouton">Présentation</div></label><label for="souvenirs_prez" class="interc_prez" id="label3"><div class="sou_bouton">Souvenirs</div></label></label><label for="hrp_prez" class="interc_prez" id="label4"><div class="hrp_bouton">Autres</div></label>
<div id="cnt1" class="pageInfo" style="background:#D9B0BB;"><div class="texte_dossier"><h4>Prénom/Surnom</h4>
<div class="grp">Groupe demandé</div>
<b>Étape du deuil :</b> texte <i>si llakisiña</i>
<b>Maladie :</b> texte <i>si p’akhita</i>
<b>Rôle à Ilaki :</b> irpiri / uñjiri
<b>Depuis combien de temps ?</b> texte

<b>Avatar :</b> nom personnage - oeuvre/artiste<br/>

<h4>Caractère</h4>
Caractère en une liste de points<br/>

<h4>Pouvoirs</h4>
<div class="grp">irpiri & uñjiri</div>
Donner un nom, l'effet maximal et minimal et si on peut voir son exécution d'un point de vue extérieur<br/>

<h4>Dossier médical</h4>
<div class="grp">p'akhita</div>
<b>Symptômes :</b> texte

<b>Comment vis-tu cette maladie ?</b>
texte

<b>Te laisses-tu aider par les irpiri et les uñjiri ? Pour quelles raisons ?</b>
texte</div></div>

<div id="cnt5" class="pageInfo" style="background:#9FB0BF;"><div class="texte_dossier"><h4>De quoi te rappelles-tu de ta vie à Ilaki ?</h4>
Décrire rapidement la vie menée à Ilaki<br/>

<h4>Quels sont les souvenirs qui pourraient remplacer ceux existants ?</h4>
Noter les points importants des souvenirs de la vie antérieure<br/>

<h4>Qui sont les personnes qui pourraient faire remonter ces souvenirs ?</h4>
Texte</div></div>
<div id="cnt6" class="pageInfo" style="background:#F2EDE4;"><div class="texte_dossier"><b>Créateur :</b> <a href="URL_PROFIL">Pseudo</a><br/>

<h4>A propos du personnage...</h4>
qu'est-ce qui est modifiable ? Des conditions pour le jouer ? Explique nous.<br/>

<h4>Quelques liens prédéfinis...</h4>
Peut-être a-t-il développer des liens ? Tu peux tous les écrire ici.</div></div></div></div>

<style>.preze{width:1071px;position:relative;height:1000px;padding:70px;}.doss_prez{height:880px;width:40px;position:relative;display:flex;flex-direction:column;}.boutonOnglet{display: none;}.interc_prez{display:block;font-family:'La Belle Aurore';font-size:20px;width:40px;position:relative;height:100px;}.id_bouton{background:#D9B0BB;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.sou_bouton{background:#9FB0BF;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.hrp_bouton{background:#F2EDE4;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.pageInfo{display:none;position:absolute;z-index:1;padding:40px;height:860px;top:0;left:60px;width:851px;}.texte_dossier{box-shadow:-1px 0 2px rgba(0, 0, 0, 0.3);padding:40px;height:780px;background:#FFF;overflow-y:auto;}#identite_prez:checked ~ #cnt1,#souvenirs_prez:checked ~ #cnt5,#hrp_prez:checked ~ #cnt6{display:block;}.grp{text-align:right;font-style:italic;}.texte_dossier > h4{margin-left:60px;color:#858DA6;border-bottom:1px solid #858DA6;font-size: 20px;}.imgcara{float:right;margin:-30px -30px 5px 10px;width:300px;border:5px solid #FFF;box-shadow:-1px 0 2px rgba(0, 0, 0, 0.3);}</style>

Code:

<div class="preze"><div class="doss_prez"><input type="radio" name="boutonOnglet" id="identite_prez" class="boutonOnglet" checked /><input type="radio" name="boutonOnglet" id="hrp_prez" class="boutonOnglet" /><label for="identite_prez" class="interc_prez" id="label1"><div class="id_bouton">Présentation</div></label></label><label for="hrp_prez" class="interc_prez" id="label4"><div class="hrp_bouton">Autres</div></label>
<div id="cnt1" class="pageInfo" style="background:#D9B0BB;"><div class="texte_dossier"><h4>Prénom/Surnom</h4>
<div class="grp">Groupe demandé</div>
<b>Étape du deuil :</b> texte <i>si llakisiña</i>
<b>Maladie :</b> texte <i>si p’akhita</i>
<b>Rôle à Ilaki :</b> irpiri / uñjiri
<b>Depuis combien de temps ?</b> texte

<b>Avatar :</b> nom personnage - oeuvre/artiste<br/>

<h4>Caractère</h4>
Caractère en une liste de points<br/>

<h4>Pouvoirs</h4>
<div class="grp">irpiri & uñjiri</div>
Donner un nom, l'effet maximal et minimal et si on peut voir son exécution d'un point de vue extérieur<br/>

<h4>Dossier médical</h4>
<div class="grp">p'akhita</div>
<b>Symptômes :</b> texte

<b>Comment vis-tu cette maladie ?</b>
texte

<b>Te laisses-tu aider par les irpiri et les uñjiri ? Pour quelles raisons ?</b>
texte</div></div>
<div id="cnt6" class="pageInfo" style="background:#F2EDE4;"><div class="texte_dossier"><b>Créateur :</b> <a href="URL_PROFIL">Pseudo</a><br/>

<h4>A propos du personnage...</h4>
qu'est-ce qui est modifiable ? Des conditions pour le jouer ? Explique nous.<br/>

<h4>Quelques liens prédéfinis...</h4>
Peut-être a-t-il développer des liens ? Tu peux tous les écrire ici.</div></div></div></div>

<style>.preze{width:1071px;position:relative;height:1000px;padding:70px;}.doss_prez{height:880px;width:40px;position:relative;display:flex;flex-direction:column;}.boutonOnglet{display: none;}.interc_prez{display:block;font-family:'La Belle Aurore';font-size:20px;width:40px;position:relative;height:100px;}.id_bouton{background:#D9B0BB;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.sou_bouton{background:#9FB0BF;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.hrp_bouton{background:#F2EDE4;transform:rotate(-90deg);width:100px;height:30px;padding:5px;text-align:center;border-radius:20px 20px 0 0;position:absolute;left:-5px;top:35px;}.pageInfo{display:none;position:absolute;z-index:1;padding:40px;height:860px;top:0;left:60px;width:851px;}.texte_dossier{box-shadow:-1px 0 2px rgba(0, 0, 0, 0.3);padding:40px;height:780px;background:#FFF;overflow-y:auto;}#identite_prez:checked ~ #cnt1,#souvenirs_prez:checked ~ #cnt5,#hrp_prez:checked ~ #cnt6{display:block;}.grp{text-align:right;font-style:italic;}.texte_dossier > h4{margin-left:60px;color:#858DA6;border-bottom:1px solid #858DA6;font-size: 20px;}.imgcara{float:right;margin:-30px -30px 5px 10px;width:300px;border:5px solid #FFF;box-shadow:-1px 0 2px rgba(0, 0, 0, 0.3);}</style>