Modèle — Fiche de présentation
Dans la fiche, il y a une partie quizz où pour checker une boîte vous devez rajouter dans la balise p class="box check".
- Code:
<div class="deleteProfile"></div>
<tw>liste de triggers</tw>
<div class="codes--fiche">
<div><input type="radio" name="tabprez" id="fiche1" checked><label for="fiche1">1</label>
<div class="tabContent fiche1"><id>
<img class="f-icone" src="https://i.pinimg.com/474x/52/a3/28/52a32843dd49ea6abbeb044f57493c65.jpg"/>
<name><h1>Nom Prénom</h1>
Citation - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu.</name>
<idFields>
<emp1>Identité</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Âge</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Occupation</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Etage d'habitation</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Réputation</emp1> [b]( Ce que les gens pensent de vous )[/b]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Trait particulier</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Situation civile</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Croyance</emp1> [b]( Connaissance de l’existence des fléaux ou appartenance à une secte )[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Espèce</emp1> [b]( Humains ou fléaux ? Précisez le sous groupe également )[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
<emp1>Sort</emp1> [b]( Facultatif en fonction de l’espèce : description détaillée et précision des faiblesses )[/b] <h5>Intitulé de son sort -</h5> Un court résumé du principe de son sort.
[spoiler="Détails du sort"]
<h5>Type :</h5> Préciser s'il s'agit de manipulation, incantation ou invocation.
<h5>Faiblesses :</h5> Les faiblesses et potentiels dangers que ton personnage encourt lorsqu'il utilise son/ses sorts.[/spoiler]
</idFields></id>
<energy>Natural <jauge><bar style="width: 50%"></bar></jauge> Occult</energy>
<bloc><trl>Caractère</trl>
<bloclittle><h5>trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; ...</h5></bloclittle>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Nullam gravida, augue eget ultricies molestie, diam justo eleifend nibh, non blandit turpis ligula et diam. Aliquam semper neque eu augue finibus sollicitudin.
</bloc>
<img class="f-avatar1" src="https://zupimages.net/up/22/25/hf4f.gif"/>
</div></div>
<div><input type="radio" name="tabprez" id="fiche2"><label for="fiche2">2</label>
<div class="tabContent fiche2">
<bloc><trl>Playlist</trl>
<bloclittle><h5>musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; ...</h5></bloclittle><h5>Paroles qui représentent ton personnage :</h5> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna.
</bloc>
<img class="f-avatar2" src="https://zupimages.net/up/22/25/m91f.gif"/>
<bloc><tbl>Who are you ?</tbl>
<blockquote><h3><i2>■ Ce qui se passe aux étages différents du tien…</i2></h3>
<p class="box">Eveille en toi un altruisme insoupçonné</p>
<p class="box">Te fait réfléchir sur ta propre condition</p>
<p class="box">T’indiffère totalement, chacun ses problèmes</p>
<p class="box">C'est comme ça quoi, c’est le système</p>
<h3><i2>■ Le cycle de la violence…</i2></h3>
<p class="box">Ne devrait en aucun cas être entretenu, quelle que soit la raison</p>
<p class="box">N’est qu’un prétexte pour justifier des atrocités</p>
<p class="box">Est parfois nécessaire pour faire avancer les choses</p>
<p class="box">Représente l’unique moyen de se faire entendre et respecter</p>
<h3><i2>■ Super-héros ou anti-héros ?</i2></h3>
<p class="box">Petit, on admire les héros et une fois grand, on comprend les anti-héros</p>
<p class="box">Tu es un idéaliste et as toujours voulu devenir superman</p>
<p class="box">Les anti-héros sont des super-héros ratés</p>
<p class="box">Gros, on a passé l’adolescence…</p></blockquote>
<tbl>Memories</tbl>
<bloclittle><b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. <b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. <b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. <b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. <b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. <b2>( DATE ) </b2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. </bloclittle></bloc></div></div>
<div><input type="radio" name="tabprez" id="fiche3"><label for="fiche3">3</label>
<div class="tabContent fiche3">
<bloc><tbl>Moodboard</tbl>
<moodboard>
<img src="https://i.pinimg.com/474x/b7/d0/a9/b7d0a94cb7e42de6dd3c5cd90dfb0226.jpg"/>
<img src="https://i.pinimg.com/474x/fb/e6/fb/fbe6fb337c7ddaa8e804bd22b4d063cd.jpg"/>
<img src="https://i.pinimg.com/474x/3a/cc/7a/3acc7a8402303e55b9631b00a0183e69.jpg"/>
<img src="https://i.pinimg.com/474x/a4/1d/c3/a41dc3bd0bd94d05bf022f82efc4dcaf.jpg"/>
<img src="https://i.pinimg.com/474x/b9/1f/52/b91f521343cf6e29ddaf1dd3c57d1944.jpg"/>
<img src="https://i.pinimg.com/474x/78/1d/4b/781d4bc58a830337f82b40514a96a224.jpg"/>
<img src="https://i.pinimg.com/474x/e7/19/1f/e7191fba6d01f0bca65324d6e5d6b431.jpg"/>
<img src="https://i.pinimg.com/474x/b7/ec/f6/b7ecf690902f3d997d28f5b9959d1e9e.jpg"/>
<img src="https://i.pinimg.com/474x/b0/2c/a7/b02ca7cd48b45ffa5dab700592fe33e2.jpg"/>
</moodboard></bloc>
<deco><j></j></deco>
<bloc><trl>Behind the pixel</trl>
<emp1>Pseudo :</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<emp1>Faceclaim :</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<emp1>Inventé/Pré-lien/PV :</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<emp1>Crédits :</emp1> (i) pinterest (a) astre défunt.
<emp1>Comment as-tu connu le forum ? :</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<emp1>Rythme rp :</emp1> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</bloc>
</div></div>
</div>
Nom Prénom
Citation - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu.
Intitulé de son sort -
Un court résumé du principe de son sort.- Détails du sort:
Type :
Préciser s'il s'agit de manipulation, incantation ou invocation.Faiblesses :
Les faiblesses et potentiels dangers que ton personnage encourt lorsqu'il utilise son/ses sorts.
trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; trait de caractère ; ...
musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; musique ; ...
Paroles qui représentent ton personnage :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum risus orci, eget finibus urna volutpat eu. Maecenas quis odio id elit bibendum hendrerit non nec lorem. Proin vel vestibulum augue, ut vulputate orci. Ut auctor bibendum bibendum. Pellentesque semper mattis eros ut iaculis. Proin nisi est, malesuada vitae lobortis non, interdum dignissim urna.
■ Ce qui se passe aux étages différents du tien… Eveille en toi un altruisme insoupçonné
Te fait réfléchir sur ta propre condition
T’indiffère totalement, chacun ses problèmes
C'est comme ça quoi, c’est le système
■ Le cycle de la violence… Ne devrait en aucun cas être entretenu, quelle que soit la raison
N’est qu’un prétexte pour justifier des atrocités
Est parfois nécessaire pour faire avancer les choses
Représente l’unique moyen de se faire entendre et respecter
■ Super-héros ou anti-héros ? Petit, on admire les héros et une fois grand, on comprend les anti-héros
Tu es un idéaliste et as toujours voulu devenir superman
Les anti-héros sont des super-héros ratés
Gros, on a passé l’adolescence…