Carnet de bord : modèle avancé
○
○ Nous vous
—
—
○ À tout moment, vous pouvez demander un
○
- Code:
<div class="f_bg"><div class="box1"><center><t0>Nom du carnet de bord</t0>
<ltag>✧</ltag> <ltag>✧</ltag> <ltag>✧</ltag>
<bq2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </bq2></center></div><input checked type="radio" id="tab1" name="f_tab"/><input type="radio" id="tab2" name="f_tab"/><input type="radio" id="tab3" name="f_tab"/><input type="radio" id="tab4" name="f_tab"/><div class="tabs_list"> <div class="tabs_labels"> <label class="btn tab tab1" for="tab1">✧ Le prélude</label> <label class="btn tab tab2" for="tab2">✧ Nom du personnage</label></div> <div class="tabs_labels"><label class="btn tab tab3" for="tab3">✧ Ses aventures</label> <label class="btn tab tab4" for="tab4">✧ Les archives</label> </div></div><div class="tab_container"><div class="box1 tab_content tab1"> <innerbox><center><img class="img_rect" src="https://zupimages.net/up/22/47/aaw1.png"> <img class="img_rect" src="https://zupimages.net/up/22/47/aaw1.png">
<t2 style="width:75%;">Présentation</t2><box2 style="width:75%; text-align:justify;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</box2>
<ltag>✧</ltag> <ltag>✧</ltag> <ltag>✧</ltag>
<div class="special_container"><div class="tag special_title">Informations en vrac</div><box2>La disponibilité, les langues écrites, toutes infos nécessaires.</box2></div></center>
</innerbox></div><div class="tab_content tab2"> <box1><innerbox><center><t2 style="width:75%;">Nom du personnage</t2><div style="display:flex;gap: 2px;justify-content:center;align-items:center;"><img src="https://zupimages.net/up/22/47/5avh.png" style="width:80px; height:50px;border-radius:5px;object-fit:cover;box-shadow: var(--shadowBox);"><bq2>Age du personnage ✧ Nature ✧ Occupation ✧ Traits de caractère / infos essentielles ✧ Vous pouvez utiliser le résumé de présentation demandé lors de la validation.</bq2>
</div><ltag><a href="https://springofpower.forumactif.com/">lien vers la fiche</a></ltag></center>
<box2><t5>Ses relations</t5>
<line></line>
<e4>@"Prénom Nom"</e4> ✧ Description de la relation.
<e4>@"Prénom Nom"</e4> ✧ Description de la relation. </box2>
<box2><t4>Suggestions de liens</t4>
<line></line>
<e5>Nom de la relation</e5> ✧ Description de la relation.
<e5>Nom de la relation</e5> ✧ Description de la relation. </box2></innerbox></box1></div><div class="tab_content tab3"> <box1><innerbox> <t5>D'aventures en aventures</t5><line></line>
<box2><button type="button" class="accordion"><e0>Sujets en cours</e0></button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> <button type="button" class="accordion"><e1>Sujets archivés</e1></button><div class="acc_content"><p><bq><e4>Sujets terminés : </e4>
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq><bq><e4>Sujets abandonnés :</e4>
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div></box2></innerbox></box1></div><div class="box1 tab_content tab4"> <innerbox> <center><t2 style="width:75%;">Les archives</t2><box2 style="width:75%; text-align:justify;">Cette partie est libre, vous pouvez mettre ce que vous souhaitez dans cet onglet : des liens, des mémos, un moodboard.. Laissez parler votre imagination !</box2></center> </innerbox></div></div></div>
- Code:
<div class="f_bg"><div class="box1"><center><t0>Nom du carnet de bord</t0>
<ltag>✧</ltag> <ltag>✧</ltag> <ltag>✧</ltag>
<bq2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </bq2></center></div><input checked type="radio" id="tab1" name="f_tab"/><input type="radio" id="tab2" name="f_tab"/><input type="radio" id="tab3" name="f_tab"/><input type="radio" id="tab4" name="f_tab"/><div class="tabs_list"> <div class="tabs_labels"> <label class="btn tab tab1" for="tab1">✧ Le prélude</label> <label class="btn tab tab2" for="tab2">✧ Les personnages</label></div> <div class="tabs_labels"><label class="btn tab tab3" for="tab3">✧ Leurs aventures</label> <label class="btn tab tab4" for="tab4">✧ Les archives</label> </div></div><div class="tab_container"><div class="box1 tab_content tab1"> <innerbox><center><img class="img_rect" src="https://zupimages.net/up/22/47/aaw1.png"> <img class="img_rect" src="https://zupimages.net/up/22/47/aaw1.png">
<t2 style="width:75%;">Présentation</t2><box2 style="width:75%; text-align:justify;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</box2>
<ltag>✧</ltag> <ltag>✧</ltag> <ltag>✧</ltag>
<div class="special_container"><div class="tag special_title">Informations en vrac</div><box2>La disponibilité, les langues écrites, toutes infos nécessaires.</box2></div></center>
</innerbox></div><div class="tab_content tab2"> <box1><innerbox><button type="button" class="accordion"><center><t2 style="width:75%;">Nom du personnage</t2><div style="display:flex;gap: 2px;justify-content:center;align-items:center;"><img src="https://zupimages.net/up/22/47/5avh.png" style="width:80px; height:50px;border-radius:5px;object-fit:cover;box-shadow: var(--shadowBox);"><bq2>Age du personnage ✧ Nature ✧ Occupation ✧ Traits de caractère / infos essentielles ✧ Vous pouvez utiliser le résumé de présentation demandé lors de la validation.</bq2>
</div><ltag><a href="https://springofpower.forumactif.com/">lien vers la fiche</a></ltag></center></button><div class="acc_content"><p>
<box2><t5>Ses relations</t5>
<line></line>
<e4>@"Prénom Nom"</e4> ✧ Description de la relation.
<e4>@"Prénom Nom"</e4> ✧ Description de la relation. </box2>
<box2><t4>Suggestions de liens</t4>
<line></line>
<e5>Nom de la relation</e5> ✧ Description de la relation.
<e5>Nom de la relation</e5> ✧ Description de la relation. </box2>
</p></div></innerbox></box1><box1><innerbox><button type="button" class="accordion"><center><t2 style="width:75%;">Nom du personnage</t2><div style="display:flex;gap: 2px;justify-content:center;align-items:center;"><img src="https://zupimages.net/up/22/47/5avh.png" style="width:80px; height:50px;border-radius:5px;object-fit:cover;box-shadow: var(--shadowBox);"><bq2>Age du personnage ✧ Nature ✧ Occupation ✧ Traits de caractère / infos essentielles ✧ Vous pouvez utiliser le résumé de présentation demandé lors de la validation.</bq2>
</div><ltag><a href="https://springofpower.forumactif.com/">lien vers la fiche</a></ltag></center></button><div class="acc_content"><p>
<box2><t5>Ses relations</t5>
<line></line>
<e4>@"Prénom Nom"</e4> ✧ Description de la relation.
<e4>@"Prénom Nom"</e4> ✧ Description de la relation. </box2>
<box2><t4>Suggestions de liens</t4>
<line></line>
<e5>Nom de la relation</e5> ✧ Description de la relation.
<e5>Nom de la relation</e5> ✧ Description de la relation. </box2>
</p></div></innerbox></box1></div><div class="tab_content tab3"> <box1><innerbox> <t5>Nom du personnage</t5><line></line>
<box2><button type="button" class="accordion">Sujets en cours</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> <button type="button" class="accordion">Sujets terminés</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div><button type="button" class="accordion">Sujets abandonnés</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div></box2></innerbox></box1><box1><innerbox> <t4>Nom du personnage</t4><line></line>
<box2><button type="button" class="accordion">Sujets en cours</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> <button type="button" class="accordion">Sujets terminés</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> <button type="button" class="accordion">Sujets abandonnés</button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div></box2></innerbox></box1></div><div class="box1 tab_content tab4"> <innerbox> <center><t2 style="width:75%;">Les archives</t2><box2 style="width:75%; text-align:justify;">Cette partie est libre, vous pouvez mettre ce que vous souhaitez dans cet onglet : des liens, des mémos, un moodboard.. Laissez parler votre imagination !</box2></center> </innerbox></div></div></div>
- Code:
<box1><innerbox><button type="button" class="accordion"><center><t2 style="width:75%;">Nom du personnage</t2><div style="display:flex;gap: 2px;justify-content:center;align-items:center;"><img src="https://zupimages.net/up/22/47/5avh.png" style="width:80px; height:50px;border-radius:5px;object-fit:cover;box-shadow: var(--shadowBox);"><bq2>Age du personnage ✧ Nature ✧ Occupation ✧ Traits de caractère / infos essentielles ✧ Vous pouvez utiliser le résumé de présentation demandé lors de la validation.</bq2>
</div><ltag><a href="https://springofpower.forumactif.com/">lien vers la fiche</a></ltag></center></button><div class="acc_content"><p>
<box2><t5>Ses relations</t5>
<line></line>
<e4>@"Prénom Nom"</e4> ✧ Description de la relation.
<e4>@"Prénom Nom"</e4> ✧ Description de la relation. </box2>
<box2><t4>Suggestions de liens</t4>
<line></line>
<e5>Nom de la relation</e5> ✧ Description de la relation.
<e5>Nom de la relation</e5> ✧ Description de la relation. </box2>
</p></div></innerbox></box1>
- Code:
<box1><innerbox> <t4>Nom du personnage</t4><line></line>
<box2><button type="button" class="accordion"><e1>Sujets en cours</e1></button><div class="acc_content"><p><bq>[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> <button type="button" class="accordion"><e0>Sujets archivés</e0></button><div class="acc_content"><p><bq><e5>Sujets terminés :</e5>
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq><bq><e5>Sujets abandonnés :</e5>
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"
[url=https://springofpower.forumactif.com/]titre du rp[/url] ✧ ft. @"Prénom Nom"</bq>
</p></div> </box2></innerbox></box1>
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
titre du rp ✧ ft. @"Prénom Nom"
|
|