☍ Formulaire de fiche

Arrivée : 16/11/2020

Fiche de présentation

Se présenter

Aide à la complétion

Bonjour toi ! J'imagine que si tu es venu lire ce paragraphe, c'est parce que tu es paumé avec le code de la fiche. Pas de soucis, je vais t'expliquer pas à pas comment le remplir !

Je suppose que les informations principales à remplir ne seront pas bien difficiles pour toi, elles ont toutes des commentaires pour te guider pas à pas.

J'imagine que c'est principalement au niveau des statistiques que les problèmes commencent. Pour ce qui est du Chartpie (le camembert), tu pourras trouver son code à remplir dans la balise style tout en bas du code. Il se remplit de la façon suivante :

background: conic-gradient(couleur1 25%, couleur2 25%, couleur2 50%, couleur3 50%, couleur3 75%, couleur4 0%);

Comme tu peux le remarquer, les couleurs 2 et 3 sont à répéter deux fois, tout comme certaines statistiques. Si jamais tu galères à le modifier, n'hésite pas à nous contacter et nous le ferons pour toi (on sait que c'est pas très intuitif).

Pour ce qui est des mots clefs, les trois premiers doivent être positifs, les trois derniers doivent être négatifs.

Enfin, pour les barres de statistiques, il te faudra changer le pourcentage de "width" pour chaque barre, entre 0 et 100%.

Et puis, pour terminer, tu es libre de modifier le style (dans la balise fournie à la fin du code) comme tu l'entends. Tu es libres de mettre plusieurs couleurs différentes (je t'invite à faire plusieurs essais afin de trouver ce qui te plait le plus).

ft. avatarPrénom Nompseudo (pronoms)

Petite citation pas trop longue pour pas déformer.

PrénomRéponse

NomRéponse

Age00 ans

Date de naissance00/00/0000

Lieu de naissanceRéponse

Statut maritalRéponse

FinancesRéponse

OccupationRéponse

Taille000 cm

Quelle est la raison de votre présence à St-Cley ? Réponse ici.

Ici nous vous invitons à mettre le caractère de votre personnage, vous pouvez très bien utiliser du gras, de l'italique, du souligné ou même des délimitations comme ci-dessous pour séparer caractère et habitudes, par exemple. Faites comme bon vous semble mais essayez de ne pas faire trop long.

Circumnavigated quasar prime number made in the interiors of collapsing stars hydrogen atoms a mote of dust suspended in a sunbeam. Muse about how far away preserve and cherish that pale blue dot something incredible is waiting to be known vanquish the impossible the ash of stellar alchemy? Citizens of distant epochs the sky calls to us muse about permanence of the stars globular star cluster two ghostly white figures in coveralls and helmets are softly dancing and billions upon billions upon billions upon billions upon billions upon billions upon billions.#000000

Légende 1 Légende 2Légende 3 Légende 4Mot 1Mot 2Mot 3Mot 4Mot 5Mot 6

Honnêteté _ 50%

Extraversion _ 50%

Sang froid _ 50%

Optimisme _ 50%

Débrouillardise _ 50%

Ici, vous renseignerez votre histoire, bien sûr sous la forme qui vous plaira, vous pourrez ajouter des images, du gras, de l'italique, du souligné et tout ce qu'il vous plaira.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam neque dolor, semper ac blandit in, convallis et tortor. Proin tortor est, vehicula sit amet tristique eu, tristique ut nibh. Suspendisse luctus varius egestas. Duis mauris velit, varius ut ligula in, blandit porta elit. Vivamus nec sapien mattis, vulputate tortor ut, egestas justo. Duis pretium quis felis at maximus. Cras mattis, elit in vulputate imperdiet, sem sapien cursus erat, nec consectetur metus libero in ipsum. Cras rutrum urna metus, quis tempor sem fringilla non. Etiam eu enim rutrum, vulputate neque sit amet, sollicitudin felis. Maecenas malesuada justo in ante dapibus vestibulum. Morbi molestie a lectus fringilla pretium. Aenean nec congue orci, ut posuere ligula. Phasellus ornare, libero eu luctus fermentum, nisi mauris sagittis odio, a porttitor libero eros ut urna. Nulla eget nisl et arcu molestie lobortis. Nunc ut tincidunt magna, in aliquam purus. Proin ligula quam, facilisis in suscipit nec, laoreet eu tortor.

Code:: <fiche><ong><div id="accueil" class="active"><i class="far fa-user"></i></div><div id="infos"><i class="far fa-id-badge"></i></div><div id="stats"><i class="fas fa-chart-pie"></i></div><div id="histoire"><i class="fas fa-book"></i></div></ong><div class="accueil"><img src="URL IMAGE" class="banner" /><ft>ft. avatar</ft><titre>Prénom Nom</titre><joueur>pseudo (pronoms)</joueur><icons><img src="URL ICON" /><img src="URL ICON" /><img src="URL ICON" /></icons><citation>Petite citation pas trop longue pour pas déformer.</citation></div><div class="infos"><infos style="background-image: url('URL IMAGE');"><div><p><ask>Prénom</ask><rep>Réponse</rep></p><p><ask>Nom</ask><rep>Réponse</rep></p><p><ask>Age</ask><rep>00 ans</rep></p><p><ask>Date de naissance</ask><rep>00/00/0000</rep></p><p><ask>Lieu de naissance</ask><rep>Réponse</rep></p><p><ask>Statut marital</ask><rep>Réponse</rep></p><p><ask>Finances</ask><rep>Réponse</rep></p><p><ask>Occupation</ask><rep>Réponse</rep></p><p><ask>Taille</ask><rep>000 cm</rep></p><questions><aa>Quelle est la raison de votre présence à St-Cley ?</aa> Réponse ici.</questions></div></infos><bd><cara>Ici nous vous invitons à mettre le caractère de votre personnage, vous pouvez très bien utiliser [b]du gras[/b], [i]de l'italique[/i], [u]du souligné[/u] ou même des délimitations comme ci-dessous pour séparer caractère et habitudes, par exemple. Faites comme bon vous semble mais essayez de ne pas faire trop long. <hr> Circumnavigated quasar prime number made in the interiors of collapsing stars hydrogen atoms a mote of dust suspended in a sunbeam. Muse about how far away preserve and cherish that pale blue dot something incredible is waiting to be known vanquish the impossible the ash of stellar alchemy? Citizens of distant epochs the sky calls to us muse about permanence of the stars globular star cluster two ghostly white figures in coveralls and helmets are softly dancing and billions upon billions upon billions upon billions upon billions upon billions upon billions.</cara><color><span>#000000</span></color></bd></div><div class="stats"><chartpie></chartpie><legende><span>Légende 1 <em style="background:#e5e5e5;"></em></span><span><em style="background:#b7b7b7;"></em> Légende 2</span><span>Légende 3 <em style="background:#757575;"></em></span><span><em style="background:#4c4c4c;"></em> Légende 4</span></legende><motsclefs><span>Mot 1</span><span>Mot 2</span><span>Mot 3</span><span>Mot 4</span><span>Mot 5</span><span>Mot 6</span></motsclefs><stats><div><span>Honnêteté _ 50%</span><bar><in style="width:50%"></in></bar></div><div><span>Extraversion _ 50%</span><bar><in style="width:50%"></in></bar></div><div><span>Sang froid _ 50%</span><bar><in style="width:50%"></in></bar></div><div><span>Optimisme _ 50%</span><bar><in style="width:50%"></in></bar></div><div><span>Débrouillardise _ 50%</span><bar><in style="width:50%"></in></bar></div></stats></div><div class="histoire"><histoire>Ici, vous renseignerez votre histoire, bien sûr sous la forme qui vous plaira, vous pourrez ajouter des images, du [b]gras[/b], de l'[i]italique[/i], du [u]souligné[/u] et tout ce qu'il vous plaira. <hr> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam neque dolor, semper ac blandit in, convallis et tortor. Proin tortor est, vehicula sit amet tristique eu, tristique ut nibh. Suspendisse luctus varius egestas. Duis mauris velit, varius ut ligula in, blandit porta elit. Vivamus nec sapien mattis, vulputate tortor ut, egestas justo. Duis pretium quis felis at maximus. Cras mattis, elit in vulputate imperdiet, sem sapien cursus erat, nec consectetur metus libero in ipsum. Cras rutrum urna metus, quis tempor sem fringilla non. Etiam eu enim rutrum, vulputate neque sit amet, sollicitudin felis. Maecenas malesuada justo in ante dapibus vestibulum. Morbi molestie a lectus fringilla pretium. Aenean nec congue orci, ut posuere ligula. Phasellus ornare, libero eu luctus fermentum, nisi mauris sagittis odio, a porttitor libero eros ut urna. Nulla eget nisl et arcu molestie lobortis. Nunc ut tincidunt magna, in aliquam purus. Proin ligula quam, facilisis in suscipit nec, laoreet eu tortor.</histoire><img src="URL IMAGE" class="histoireimg" /></div></fiche><style>fiche ong .active i, fiche titre, fiche infos questions aa {color:#....;} fiche .banner, fiche icons img {border-color:#....;} fiche infos ask, fiche stats div bar in {background:#....;} fiche chartpie {background: conic-gradient(#1.... 25%, #2.... 25%, #2.... 50%, #3.... 50%, #3.... 75%, #4.... 0%);} /*POUR LA COULEUR DU PERSONNAGE*/ fiche color {background:#....;}</style>

☍ Formulaire de fiche

#34