Modèle de fiche de liens

Pour ceux qui n'auraient pas envie ou le temps de chercher par eux-mêmes, ou tout simplement pour les accros de l'aesthetic qui ont envie d'avoir une jolie fiche de liens accordée au reste du forum, le staff de Spires vous a concocté un joli modèle pour vous  

Pour l'utiliser, rien de plus simple : vous n'avez qu'à copier le code ci-dessous et le coller dans un nouveau sujet  

Code:

<center><div class="histoire_titre"><g1>Liens de Prénom Nom</g1></div>
<div class="scena_bg"><div class="fdl_tableonglets"><table align="center"><tr><td><label for="o1" class="fdl_onglet">Débuts</label></td><td><label for="o2" class="fdl_onglet">Temps</label></td><td><label for="o3" class="fdl_onglet">Esquisses</label></td><td><label for="o4" class="fdl_onglet">Histoires</label></td></tr></table><table><tr><td><input id="o1" type="radio" name="onglets" checked><span class="fdl_ongletcont"><t1>Trigger warnings</t1> écrire ici.

<t1>Identité</t1> écrire ici. <t1>Pronoms</t1> écrire ici. <t1>Âge</t1> écrire ici. <t1>Origines</t1> écrire ici. <t1>Résidence</t1> écrire ici. <t1>Genre, orientation sexuelle</t1> écrire ici. <t1>Statut civil</t1> écrire ici. <t1>Occupation</t1> écrire ici. <t1>Guilde</t1> écrire ici. <t1>Avatar</t1> écrire ici. <t1>Crédits</t1> écrire ici.</div></span><input id="o2" type="radio" name="onglets"><span class="fdl_ongletcont"><center><div class="lien_titre">Chronologie</div></center>
<t2>xx.xx.xxxx</t2> écrire un événement.
<t2>xx.xx.xxxx</t2> écrire un événement.</span><input id="o3" type="radio" name="onglets"><span class="fdl_ongletcont"><center><div class="lien_titre">Liens recherchés</div></center>
<t1>(M/F/NB) Titre du lien</t1> • description du lien.
<t1>(M/F/NB) Titre du lien</t1> • description du lien.</span><input id="o4" type="radio" name="onglets"><span class="fdl_ongletcont"><center><div class="lien_titre">Carnet de RP</div></center>
<t3>RP en cours</t3>
• .....

<t3>RP terminés</t3>
• .....</span></td><td><img src="https://images2.imgbox.com/00/32/eqz1oovX_o.png" class="scena_avatar"></td></tr></table>
</div></div></center>

Code:

<center><div class="histoire_titre"><g1>Liens joués</g1></div>
<div class="fdl_bg"><img src="https://images2.imgbox.com/af/29/KQYKmsIQ_o.png" class="fdl_ava" title="CREDIT DE L'AVATAR"><div><div class="lien_titre">Prénom nom • intitulé du lien</div><div class="lien_bloc">Description du lien. 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.</div></div>
<img src="https://images2.imgbox.com/af/29/KQYKmsIQ_o.png" class="fdl_ava" title="CREDIT DE L'AVATAR"><div><div class="lien_titre">Prénom nom • intitulé du lien</div><div class="lien_bloc">Description du lien. 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.</div></div></div></center>

Pour ajouter un lien, il vous suffira de glisser ce morceau avant la dernière < /div> du deuxième code :

Code:

<img src="https://images2.imgbox.com/af/29/KQYKmsIQ_o.png" class="fdl_ava" title="CREDIT DE L'AVATAR"><div><div class="lien_titre">Prénom nom • intitulé du lien</div><div class="lien_bloc">Description du lien. 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.</div></div>

A vos fiches !