Fiche de présentation

Après le règlement, la fiche de présentation c'est le second passage obligé pas très fun, mais ici, y aura pas besoin de répéter des infos en faisant ensuite une fiche de liens. Ce sera la même fiche ! Votre fiche perso sera déplacée dans les Journaux à la validation, toutes les sections ne sont donc pas obligatoires.

Pour le Grimoire :
Si le personnage est humain : 2 sorts experts, 3 sorts avancés de n'importe quelles branches. Pour avoir un sort expert, il faut en avoir un avancé dans la même branche.
Si elfe ou dragon : 3 sorts experts, 3 sorts avancés avec la même règle que pour les humains. La branche incapacitée empêche d'utiliser des sorts de cette branche.


Obligatoires : état civil, biographie (sous forme d'anecdotes ou pas, pas de minimum mais on veut connaître un peu le perso), grimoire si le perso est mage.
Optionnelles : inventaire (vous pouvez venir à poil...), liens (...et seul au monde)


Voici le code de la fiche :

Code:

<div class="earep"><div class="eaban"><img src="LIEN BANNIERE"/></div><div class="easect"><div class="eatitle"><eati>Prénom Nom</eati></div>
Âge :
Espèce : humain/elfe/dragon
Mage : oui/non
Branche favorite : élémentaire/mentale/vitale/animale
Branche incapacitée : (pour les elfes et les dragons)
Métier et/ou rang :
Lieu de vie privilégié :
Avatar :
Crédits :
Joué par : pseudo de la joueuse (âge - pays) - Promis on vous demande ça juste pour des questions de sensibilités/fuseaux horaires pour d'éventuelles animations.

</div><div class="easect"><div class="eatitle"><eati>Biographie</eati></div><div class="eabio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem. Nunc facilisis libero a ante suscipit, quis rhoncus felis pretium. Maecenas ullamcorper volutpat malesuada. Nullam et dolor lorem. Quisque vestibulum venenatis semper. Aliquam a facilisis quam, at sagittis velit. Integer tristique ipsum gravida tincidunt bibendum. Mauris non urna metus. Fusce faucibus condimentum lacus sit amet pretium. Sed ut nulla tincidunt, congue lorem sit amet, congue arcu.

Curabitur ac purus et sem accumsan accumsan eget sit amet est. Proin accumsan nunc ut euismod finibus. Etiam eget est nec orci pellentesque ullamcorper. Integer egestas venenatis est. Phasellus a nisl vitae ligula gravida volutpat quis nec sem. Mauris volutpat metus ac elit placerat venenatis. Duis id metus ac nunc pulvinar vulputate eget ac nisi.

Maecenas ultricies risus vitae efficitur rutrum. Sed commodo nunc ac tempor iaculis. Sed efficitur accumsan congue. Integer fermentum nisi lectus, sed varius ligula lobortis eget. Sed convallis ut enim vel viverra. Nullam et ultricies magna. Praesent varius dui vitae odio commodo pretium. Integer pharetra tempor velit quis iaculis. Aenean dictum diam at vestibulum finibus. Nam sed erat porttitor, facilisis magna a, suscipit sapien. Vestibulum posuere dictum lacus, in pellentesque lectus varius at. Aenean et finibus tellus. Vestibulum ante ipsum primis in faucibus oci luctus et ultrices posuere cubilia curae;

Fusce nibh arcu, placerat non sapien vulputate, tristique ullamcorper sem. Proin varius, arcu id imperdiet vehicula, libero mi convallis dui, et commodo nulla nulla nec nibh. Duis nunc urna, dignissim eu diam id, sagittis dignissim tellus. Cras condimentum nulla odio, sit amet posuere eros faucibus et. Ut dictum eros id orci accumsan tincidunt at vel lectus. Cras vel convallis lorem. Cras in ipsum eu mauris fringilla tempor. Mauris nisl magna, ullamcorper semper cursus nec, ultrices eget lectus. Integer eu iaculis enim. Aenean risus tortor, elementum non finibus eget, dapibus semper mi.

Proin et tristique enim. Vivamus sit amet mauris et odio vestibulum blandit non eu nibh. Sed at metus tempor, dignissim nulla ut, commodo purus. Phasellus feugiat pretium sollicitudin. Curabitur semper mi ante, congue gravida ligula facilisis ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus non leo nec orci varius hendrerit in ac turpis. Phasellus a suscipit ligula. Quisque sed risus tortor. Fusce scelerisque erat id vestibulum sodales. Maecenas mattis gravida est, blandit consequat ligula. Mauris quis augue rhoncus, aliquam ligula a, facilisis augue. Aliquam erat volutpat. Donec vel velit ut mi vehicula venenatis. Phasellus non dapibus ex. Pellentesque elit odio, gravida et turpis eget, volutpat gravida enim.</div></div><div class="easect"><div class="eatitle"><eati>Grimoire</eati></div><div class="eacard"><div class="easst"><eat>Nom du sort</eat></div><img src="LIEN ICONE" class="easort"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem. Nunc facilisis libero a ante suscipit, quis rhoncus felis pretium. Maecenas ullamcorper volutpat malesuada. Nullam et dolor lorem. Quisque vestibulum venenatis semper. Aliquam a facilisis quam, at sagittis velit. Integer tristique ipsum gravida tincidunt bibendum. Mauris non urna metus. Fusce faucibus condimentum lacus sit amet pretium. Sed ut nulla tincidunt, congue lorem sit amet, congue arcu.</div><!-- AJOUT D'UNE NOUVELLE CARTE ICI - enfin, avant ou après--></div><div class="easect"><div class="eatitle"><eati>Inventaire</eati></div><div class="eacard"><div class="easst"><eat>Nom de l'objet</eat></div><img src="LIEN ICONE" class="eaobj"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem.</div><!-- AJOUT D'UNE NOUVELLE CARTE ICI - enfin, avant ou après--></div><div class="easect"><div class="eatitle"><eati>Liens</eati></div><div class="eacard"><div class="easst"><eat>Prénom nom</eat></div><img src="LIEN ICONE" class="easort"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem. Nunc facilisis libero a ante suscipit, quis rhoncus felis pretium. Maecenas ullamcorper volutpat malesuada. Nullam et dolor lorem. Quisque vestibulum venenatis semper. Aliquam a facilisis quam, at sagittis velit. Integer tristique ipsum gravida tincidunt bibendum. Mauris non urna metus. Fusce faucibus condimentum lacus sit amet pretium. Sed ut nulla tincidunt, congue lorem sit amet, congue arcu.</div><!-- AJOUT D'UNE NOUVELLE CARTE ICI - enfin, avant ou après--></div></div>

Ajout d'une carte

Icône à gauche - sans clic pour agrandir l'image :

Code:

<div class="eacard"><div class="easst"><eat>Nom du sort/lien</eat></div><img src="LIEN D'UNE IMAGE CARREE" class="easort"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem. Nunc facilisis libero a ante suscipit, quis rhoncus felis pretium. Maecenas ullamcorper volutpat malesuada. Nullam et dolor lorem. Quisque vestibulum venenatis semper. Aliquam a facilisis quam, at sagittis velit. Integer tristique ipsum gravida tincidunt bibendum. Mauris non urna metus. Fusce faucibus condimentum lacus sit amet pretium. Sed ut nulla tincidunt, congue lorem sit amet, congue arcu.</div>

Icône à droite - sans clic pour agrandir l'image :

Code:

<div class="eacard"><div class="easst"><eat>Nom de l'objet/lien</eat></div><img src="LIEN D'UNE IMAGE CARREE" class="eaobj"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem.</div>

Icône à gauche - avec clic pour agrandir l'image :

Code:

<div class="eacard"><div class="easst"><eat>Nom du sort/lien</eat></div><a href="LIEN D'UNE IMAGE CARREE" target="_blank"><img src="LIEN D'UNE IMAGE CARREE" class="easort"/></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem. Nunc facilisis libero a ante suscipit, quis rhoncus felis pretium. Maecenas ullamcorper volutpat malesuada. Nullam et dolor lorem. Quisque vestibulum venenatis semper. Aliquam a facilisis quam, at sagittis velit. Integer tristique ipsum gravida tincidunt bibendum. Mauris non urna metus. Fusce faucibus condimentum lacus sit amet pretium. Sed ut nulla tincidunt, congue lorem sit amet, congue arcu.</div>

Icône à droite - avec clic pour agrandir l'image :

Code:

<div class="eacard"><div class="easst"><eat>Nom de l'objet/lien</eat></div><a href="LIEN D'UNE IMAGE CARREE" target="_blank"><img src="LIEN D'UNE IMAGE CARREE" class="eaobj"/></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac sollicitudin neque. Maecenas eleifend lobortis pulvinar. Aenean ornare dolor ante, ut condimentum magna maximus nec. Aenean a quam lorem.</div>

Si vous souhaitez utiliser des icônes de 'branche' pour vos sorts, voici les officielles :

Magie élémentaire

Avancé : https://i.ibb.co/KWWFx2K/avaelem.png  

Expert : https://i.ibb.co/Km4JRXX/expelem.png

Magie mentale

Avancé : https://i.ibb.co/7b336Ny/avamen.png

Expert : https://i.ibb.co/gwy6yk9/expmen.png  

Magie vitale

Avancé : https://i.ibb.co/0q7YvPr/avavit.png  

Expert : https://i.ibb.co/L5q0V66/expvit.png  

Magie animale

Avancé : https://i.ibb.co/GkRzGX7/avaanim.png  

Expert : https://i.ibb.co/k1fhpMW/expanim.png  

Et n'hésitez pas à venir nous voir si vous avez le moindre souci avec le code !