MODÈLE DE FICHE DE LIENS

Fiche de liens

Modèle de fiche non-obligatoire

Dans cette section, vous êtes libres d'utiliser le code que vous souhaitez pour créer votre fiche de liens. Cependant, veuillez noter que, pour des raisons d'accessibilité, nous vous demandons d'utiliser une taille de police minimale de 12px. Nous vous proposons un codage qui s'adaptera au gré des designs du forum, au cas où vous auriez envie d'en faire usage. Vous pouvez modifier le code à loisir pour le mettre en page comme vous le voulez.

Modèles pour personnages individuels
Sans chronologie

Code:: <div class="fiche"><center><div class="anngtitle">Prénom <i2>Nom</i2></div><div class="annsgtitle">Un joli sous-titre</div></center> <div class="tableonglets"><center><img src="URL D'UN AVATAR DE VOTRE PERSONNAGE" class="scenava" title="(c) CRÉDIT DE L'AVATAR"/><div class="scenaboutons"><label for="scena1" class="onglet"><span class="iconify" data-icon="ph:user-list-light" data-width="20" data-height="20"></span></label><label for="scena2" class="onglet"><span class="iconify" data-icon="ph:pen-nib-light" data-width="20" data-height="20"></span></label><label for="scena3" class="onglet"><span class="iconify" data-icon="ph:link-light" data-width="20" data-height="20"></span></label></div></center><div class="scenagen"><input id="scena1" type="radio" name="ongletscena" checked><span class="ongletcont"><s2>TW & CW</s2> Merci d'inscrire tous les thèmes et les sujets qui seront abordés dans cette fiche qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre et orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Groupe</s2> écrire ici.</span><input id="scena2" type="radio" name="ongletscena"><span class="ongletcont"><div class="anntitle2">Carnet de rp</div><s2>RPs en cours</s2> Liste ici. <s2>RPs terminés</s2> Liste ici. </span><input id="scena3" type="radio" name="ongletscena"><span class="ongletcont"><div class="anntitle2">Liens recherchés</div><s2>(M/F/NB) Titre du lien</s2> Informations concernant le lien recherché. <s2>(M/F/NB) Titre du lien</s2> Informations concernant le lien recherché.</span></div><div style="clear:both"></div><div class="anntitle2">Liens joués</div><img src="URL D'UN AVATAR LIEN 1" class="scenaimg" title="CRÉDIT DE L'AVATAR LIEN 1"/><div class="scenalien"><fm>Prénom Nom • Titre du lien</fm> Description de la relation entre les deux personnages.</div><div style="clear:both"></div><img src="URL D'UN AVATAR LIEN 2" class="scenaimg" title="CRÉDIT DE L'AVATAR LIEN 2"/><div class="scenalien"><fm>Prénom Nom • Titre du lien</fm> Description de la relation entre les deux personnages.</div> </div></div>

Avec chronologie

Code:: <div class="fiche"><center><div class="anngtitle">Prénom <i2>Nom</i2></div><div class="annsgtitle">Un joli sous-titre</div></center> <div class="tableonglets"><center><img src="URL D'UN AVATAR DE VOTRE PERSONNAGE" class="scenava" title="(c) CRÉDIT DE L'AVATAR"/><div class="scenaboutons"><label for="scena1" class="onglet"><span class="iconify" data-icon="ph:user-list-light" data-width="20" data-height="20"></span></label><label for="scena2" class="onglet"><span class="iconify" data-icon="ph:hourglass-high-light" data-width="20" data-height="20"></span></label><label for="scena3" class="onglet"><span class="iconify" data-icon="ph:pen-nib-light" data-width="20" data-height="20"></span></label><label for="scena4" class="onglet"><span class="iconify" data-icon="ph:link-light" data-width="20" data-height="20"></span></label></div></center><div class="scenagen"><input id="scena1" type="radio" name="ongletscena" checked><span class="ongletcont"><s2>TW & CW</s2> Merci d'inscrire tous les thèmes et les sujets qui seront abordés dans cette fiche qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre et orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Groupe</s2> écrire ici.</span><input id="scena2" type="radio" name="ongletscena"><span class="ongletcont"><div class="anntitle2">Chronologie</div><s2>Date</s2> Événement. <s2>Date</s2> Événement. </span><input id="scena3" type="radio" name="ongletscena"><span class="ongletcont"><div class="anntitle2">Carnet de rp</div><s2>RPs en cours</s2> Liste ici. <s2>RPs terminés</s2> Liste ici. </span><input id="scena4" type="radio" name="ongletscena"><span class="ongletcont"><div class="anntitle2">Liens recherchés</div><s2>(M/F/NB) Titre du lien</s2> Informations concernant le lien recherché. <s2>(M/F/NB) Titre du lien</s2> Informations concernant le lien recherché.</span></div><div style="clear:both"></div><div class="anntitle2">Liens joués</div><img src="URL D'UN AVATAR LIEN 1" class="scenaimg" title="CRÉDIT DE L'AVATAR LIEN 1"/><div class="scenalien"><fm>Prénom Nom • Titre du lien</fm> Description de la relation entre les deux personnages.</div><div style="clear:both"></div><img src="URL D'UN AVATAR LIEN 2" class="scenaimg" title="CRÉDIT DE L'AVATAR LIEN 2"/><div class="scenalien"><fm>Prénom Nom • Titre du lien</fm> Description de la relation entre les deux personnages.</div><div style="clear:both"></div> </div></div>

Ajouter un lien (à insérer avant les deux dernières div)

Code:: <img src="URL D'UN AVATAR LIEN" class="scenaimg" title="CRÉDIT DE L'AVATAR LIEN"/><div class="scenalien"><fm>Prénom Nom • Titre du lien</fm> Description de la relation entre les deux personnages.</div><div style="clear:both"></div>

N.B. Si vous souhaitez créer un sujet où vous rassemblez les fiches de tous vos personnages tel que mentionné dans le prochain post, n'oubliez pas de numéroter les onglets du code pour éviter les bugs. Par exemple, dans le premier post, si les onglets sont numérotés "scena1", "scena2" et "scena3", veillez à modifier les chiffres du second post pour 4, 5 et 6. Autrement, les onglets ne s'afficheront pas.

Nouveaux modèles

Parce que c'est toujours fun d'avoir des options

À la suggestion de notre magnifique @Assya Ozerov, vous avez désormais la possibilité de créer un sujet pour y réunir les fiches de liens de tous vos personnages. Vous pouvez utiliser le modèle précédemment offert en suivant les indications dans la note du post précédent pour éviter de créer un bug dans les onglets, ou vous pouvez utiliser un des deux nouveaux modèles proposés par enfant sauvage pour réunir les informations concernant vos personnages dans un message posté par le compte de votre choix.

Si vous décidez de prendre cette avenue, nous vous demandons d'utiliser le modèle suivant pour le titre du sujet :

Code:: (Votre pseudo de rôliste) Liens de perso 1, perso 2, etc.

Modèle pour plusieurs persos, liens en images (exemple))
Code de la fiche

Code:: <style>.infos {height: 390px;}</style><div class="fiche"><center><div class="anngtitle">liens de <i2>votre pseudo</i2></div><div class="annsgtitle">Carnets de bord de (listez vos personnages)</div></center> <div class="tableonglets"><center><label for="bot1" class="liens" title="PC">Premier compte</label><label for="bot2" class="liens" title="DC">Deuxième compte</label><label for="bot3" class="liens" title="TC">Troisième compte</label></center> <input id="bot1" type="radio" name="ongletbot" checked><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du premier compte</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN DE L'AVATAR DU PREMIER COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><br /> <div class="anntitle2">Carnet de liens</div><img src="AVATAR DU PREMIER LIEN" class="scenaimg" title="(c) CRÉDIT DE L'AVATAR"/><div class="lienrech"><fm>@"Pseudo du lien"</fm> • Titre du lien Description du lien entre vos personnages.</div></span><input id="bot2" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du deuxième compte</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU 2E COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><br /> <div class="anntitle2">Carnet de liens</div><img src="AVATAR DU PREMIER LIEN" class="scenaimg" title="(c) CRÉDIT DE L'AVATAR"/><div class="lienrech"><fm>@"Pseudo du lien"</fm> • Titre du lien Description du lien entre vos personnages.</div></span><input id="bot3" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du 3e compte</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU 3E COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><br /> <div class="anntitle2">Carnet de liens</div><img src="AVATAR DU PREMIER LIEN" class="scenaimg" title="(c) CRÉDIT DE L'AVATAR"/><div class="lienrech"><fm>@"Pseudo du lien"</fm> • Titre du lien Description du lien entre vos personnages.</div></span></div></div>

Ajouter un personnage
Ajoutez ce bloc de code suite à la dernière balise fermée label, veillez à changer le numéro (#) suivant la mention bot

Code:: <label for="bot#" class="liens" title="XC">Pseudo du nouveau compte</label>

Ajoutez ce bloc de code avant la dernière div à la fin du code en mettant le même chiffre à côté de bot que celui que vous avez utilisé pour le label

Code:: <input id="bot#" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du nouveau compte</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU NOUVEAU COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><br /> <div class="anntitle2">Carnet de liens</div><img src="AVATAR DU PREMIER LIEN" class="scenaimg" title="(c) CRÉDIT DE L'AVATAR"/><div class="lienrech"><fm>@"Pseudo du lien"</fm> • Titre du lien Description du lien entre vos personnages.</div></span>

Ajouter un lien Insérer avant la fermeture de la balise span à la fin du code

Code:: <img src="AVATAR DU PREMIER LIEN" class="scenaimg" title="(c) CRÉDIT DE L'AVATAR"/><div class="lienrech"><fm>@"Pseudo du lien"</fm> • Titre du lien Description du lien entre vos personnages.</div>

Modèle pour plusieurs personnages, avec liens recherchés et sans images pour les liens joués (exemple)
Code de la fiche

Code:: <style>.infos {height: 390px;}</style><div class="fiche"><center><div class="anngtitle">liens de <i2>pseudo de rôliste</i2></div><div class="annsgtitle">Carnets de bord de (listez vos personnages ici)</div></center> <div class="tableonglets"><center><label for="bot1" class="liens" title="PC">Premier compte</label><label for="bot2" class="liens" title="DC">Deuxième compte</label><label for="bot3" class="liens" title="TC">Troisième compte</label></center> <input id="bot1" type="radio" name="ongletbot" checked><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du premier perso</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU PREMIER COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><div class="infos2" style="margin-top: 330px;"><div class="fichlien2" style="float: left;"><div class="anntitle2">Liens recherchés</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Liens joués</div>Écrire ici.</div></div></span><input id="bot2" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du deuxième perso</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU 2E COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><div class="infos2" style="margin-top: 330px;"><div class="fichlien2" style="float: left;"><div class="anntitle2">Liens recherchés</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Liens joués</div>Écrire ici.</div></div></span><input id="bot3" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du troisième perso</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU 3E COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><div class="infos2" style="margin-top: 330px;"><div class="fichlien2" style="float: left;"><div class="anntitle2">Liens recherchés</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Liens joués</div>Écrire ici.</div></div></span></div></div>

Ajouter un personnage
Ajoutez ce bloc de code suite à la dernière balise fermée label, veillez à changer le numéro (#) suivant la mention bot

Code:: <label for="bot#" class="liens" title="XC">Pseudo du nouveau compte</label>

Ajoutez ce bloc de code avant la dernière div à la fin du code en mettant le même chiffre à côté de bot que celui que vous avez utilisé pour le label

Code:: <input id="bot#" type="radio" name="ongletbot"><span class="ongletcont"><div class="infos"><div class="famgen"><div class="anntitle2">Pseudo du nouveau perso</div><s2>Trigger warnings</s2> Nous vous prions d'inscrire ici tous les thèmes et les sujets qui seront abordés dans votre présentation qui pourraient heurter ou choquer les gens qui vous liront. <s2>Nom complet</s2> écrire ici. <s2>Âge</s2> écrire ici. <s2>Race</s2> écrire ici. <s2>Cour d'origine</s2> écrire ici. <s2>Genre & orientation sexuelle</s2> écrire ici. <s2>Statut civil</s2> écrire ici. <s2>Occupation</s2> écrire ici. <s2>Âme sœur</s2> écrire ici (si votre personnage connaît l’identité de son âme sœur). <s2>Pouvoirs</s2> écrire ici. <s2>Allégeance</s2> écrire ici. <s2>Caractère</s2> écrire ici. <s2>Groupe</s2> écrire ici.</div><img src="LIEN D'UN AVATAR DU NOUVEAU COMPTE" class="presava" title="(c) CRÉDIT"/></div><div class="infos2"><div class="fichlien2" style="float: left;"><div class="anntitle2">Chronologie</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Carnet de rps</div>Écrire ici.</div></div><div class="infos2" style="margin-top: 330px;"><div class="fichlien2" style="float: left;"><div class="anntitle2">Liens recherchés</div>Écrire ici.</div><div class="fichlien2"><div class="anntitle2">Liens joués</div>Écrire ici.</div></div></span>

N.B. Si vous pensez avoir du mal à ajouter un onglet, n'hésitez pas à contacter @"Adrielle Ethelil" par message privé. Elle se chargera d'ajouter le nouvel onglet à votre fiche de liens en veillant à ne pas briser le code coeur