Code à copier/coller

Code:

<style>#force{width:50px;} #constitution{width:50px;} #maitrise{width:50px;} #dexterite{width:50px;}</style><div class="presv2" id="arkmere"><div class="head" style="background-image:url('https://i.imgur.com/4YlSrMG.png');"><div class="citation">Ici mettre une citation ça peut aller jusqu'à à peu près trois lignes.</div><div class="icon" style="background-image:url('https://via.placeholder.com/120x120');"></div></div>
<div class="svg"><svg viewBox="0 0 1440 320"><path d="M0,224L80,208C160,192,320,160,480,170.7C640,181,800,235,960,213.3C1120,192,1280,96,1360,48L1440,0L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg></div><div class="infoleft"><b>Solaire</b><span>info ici</span><b>Lunaire</b><span>info ici</span><b>Ascendant</b><span>info ici</span><b>Anniversaire</b><span>28 Avril</span><b>Élément</b><span>Ombre/Lumière</span></div><div class="inforight"><div><b>Prénom</b>info ici</div><div><b>Nom</b>info ici</div><div><b>Âge</b>info ici</div><div><b>Genre</b>info ici</div><div><b>Métier</b>info ici</div><div><b>Particularité</b>info ici</div></div><div class="blocstat"><div class="blocstats"><div class="domaine"><b>domaine de pouvoir</b>info ici</div><span class="statso"><b>Force brute (5)</b><div><span id="force"></span></div><b>Constitution (5)</b><div><span id="constitution"></span></div><b>Maîtrise (5)</b><div><span id="maitrise"></span></div><b>Dextérité (5)</b><div><span id="dexterite"></span></div></span></div><div class="statimg" style="background-image:url(https://via.placeholder.com/200x200');"></div><div class="mental">mental ici écrire oui</div><div class="factimg" style="background-image:url('https://via.placeholder.com/150x150');"></div><div class="facts">facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts</div><div class="transition"></div></div><div class="story"><h>Histoire</h>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu nulla, interdum in tortor at, tempor rhoncus mi. Praesent vitae leo vulputate, luctus lorem ac, bibendum nunc. Nunc ultrices neque lorem, vitae semper lectus sollicitudin ac. Pellentesque viverra pharetra massa, sed finibus massa. Nam nibh quam, posuere in dapibus aliquet, consectetur ac ex. Nullam sed auctor risus. Nam ipsum lectus, cursus sed mauris ut, commodo vehicula tellus. Donec sed erat diam. Nam convallis malesuada nibh, vestibulum aliquam tortor posuere vel.

<span class="resume"><b>3 ans ―</b> Fait la grasse matinée et c'est plutôt pas mal.
<b>5 ans ―</b> S'est cogné le petit orteil et a ressenti une intense douleur.
<b>12 ans ―</b> Apprentissage de l'algèbre.</span></div></div>

Code:

<style>#force{width:50px;} #constitution{width:50px;} #maitrise{width:50px;} #dexterite{width:50px;}</style><div class="presv2" id="arkmere"><div class="head" style="background-image:url('https://i.imgur.com/4YlSrMG.png');"><div class="citation">Ici mettre une citation ça peut aller jusqu'à à peu près trois lignes.</div><div class="icon" style="background-image:url('https://via.placeholder.com/120x120');"></div></div>
<div class="svg"><svg viewBox="0 0 1440 320"><path d="M0,224L80,208C160,192,320,160,480,170.7C640,181,800,235,960,213.3C1120,192,1280,96,1360,48L1440,0L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg></div><div class="infoleft"><b>Solaire</b><span>info ici</span><b>Lunaire</b><span>info ici</span><b>Ascendant</b><span>info ici</span><b>Anniversaire</b><span>28 Avril</span><b>Élément</b><span>Eau/Feu/Air/Terre</span></div><div class="inforight"><div><b>Prénom</b>info ici</div><div><b>Nom</b>info ici</div><div><b>Âge</b>info ici</div><div><b>Genre</b>info ici</div><div><b>Métier</b>info ici</div><div><b>Particularité</b>info ici</div></div><div class="blocstat"><div class="blocstats"><div class="domaine"><b>pouvoirs</b>info ici</div><span class="statso"><b>Force brute (5)</b><div><span id="force"></span></div><b>Constitution (5)</b><div><span id="constitution"></span></div><b>Maîtrise (5)</b><div><span id="maitrise"></span></div><b>Dextérité (5)</b><div><span id="dexterite"></span></div></span></div><div class="statimg" style="background-image:url('https://via.placeholder.com/200x200');"></div><div class="mental">mental ici écrire oui</div><div class="factimg" style="background-image:url('https://via.placeholder.com/150x150');"></div><div class="facts">facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts <b>✽</b> facts</div><div class="transition"></div></div><div class="story"><h>Histoire</h>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu nulla, interdum in tortor at, tempor rhoncus mi. Praesent vitae leo vulputate, luctus lorem ac, bibendum nunc. Nunc ultrices neque lorem, vitae semper lectus sollicitudin ac. Pellentesque viverra pharetra massa, sed finibus massa. Nam nibh quam, posuere in dapibus aliquet, consectetur ac ex. Nullam sed auctor risus. Nam ipsum lectus, cursus sed mauris ut, commodo vehicula tellus. Donec sed erat diam. Nam convallis malesuada nibh, vestibulum aliquam tortor posuere vel.

<span class="resume"><b>3 ans ―</b> Fait la grasse matinée et c'est plutôt pas mal.
<b>5 ans ―</b> S'est cogné le petit orteil et a ressenti une intense douleur.
<b>12 ans ―</b> Apprentissage de l'algèbre.</span>

<h>Avant la chute</h>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu nulla, interdum in tortor at, tempor rhoncus mi. Praesent vitae leo vulputate, luctus lorem ac, bibendum nunc. Nunc ultrices neque lorem, vitae semper lectus sollicitudin ac. Pellentesque viverra pharetra massa, sed finibus massa. Nam nibh quam, posuere in dapibus aliquet, consectetur ac ex. Nullam sed auctor risus. Nam ipsum lectus, cursus sed mauris ut, commodo vehicula tellus. Donec sed erat diam. Nam convallis malesuada nibh, vestibulum aliquam tortor posuere vel.

<h>Après la chute</h>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu nulla, interdum in tortor at, tempor rhoncus mi. Praesent vitae leo vulputate, luctus lorem ac, bibendum nunc. Nunc ultrices neque lorem, vitae semper lectus sollicitudin ac. Pellentesque viverra pharetra massa, sed finibus massa. Nam nibh quam, posuere in dapibus aliquet, consectetur ac ex. Nullam sed auctor risus. Nam ipsum lectus, cursus sed mauris ut, commodo vehicula tellus. Donec sed erat diam. Nam convallis malesuada nibh, vestibulum aliquam tortor posuere vel.</div></div>

Remplir le modèle de présentation

Pour les personnes qui ne s'y retrouveraient pas dans le code, ou qui ne comprendraient pas certains des champs à remplir, voici quelques explications sur la marche à suivre pour remplir le modèle de présentation.

Ne modifiez en aucun cas la structure de la fiche.

Si malgré les explications vous devriez rencontrer un problème avec la fiche, n'hésitez pas à tag Ishtar sur le channel #questions du discord.

Images

Les images sont recadrées automatiquement (ce qui veut dire qu'elles ne seront pas déformées peu importe leur taille). Le code fourni plus bas contient des adresses à remplacer pour y mettre vos images. Celles-ci contiennent, dans leur titre, la taille de l'image prévue à cet endroit tel que (exception faite de la bannière qui peut ne pas être modifiée si vous aimez l'image d'Eclipse) :

Code:

https://via.placeholder.com/200x200

Groupe

Au début du code, vous trouverez une ligne dans laquelle il faut modifier le nom de votre groupe afin que la couleur de la fiche (et le symbole) s'adaptent. Les noms à remplacer sont ceux-ci :

Code:

<div class="presv2" id="arkmere">

Statistiques

Sur les deux premières lignes du formulaire, vous trouverez une balise où il est aisé de modifier la taille de la barre de chaque statistique. La valeur en px de chaque statistique correspond au nombre de points que vous avez distribués dans celle-ci, multiplié par 10. Dans l'exemple, toutes les statistiques sont équitablement réparties à 5 points chacune :

Code:

#force{width:50px;} #constitution{width:50px;} #maitrise{width:50px;} #dexterite{width:50px;}

Résumé de l'histoire

Tous les événements importants doivent être explicitement et succinctement retracés. Veillez à éviter au maximum les figures de style qui pourraient rendre la lecture sujette à interprétations. N'hésitez pas à mettre des trigger warnings si vous jugez que les sujets abordés sont potentiellement choquants. Il vous est demandé de respecter la structure proposée. C'est-à-dire : âge - événement tel que :

Code:

<b>3 ans ―</b> Fait la grasse matinée et c'est plutôt pas mal.
<b>5 ans ―</b> S'est cogné le petit orteil et a ressenti une intense douleur.