2021. Huit ans maintenant que le cordyceps, champignon infectieux responsable de la transformation de ses hôtes en créatures inhumaines, a décimé près de quatre-vingt pourcent de la population et changé la face du monde pour de bon. Nichée entre montagnes et mers, Snowbury est le théâtre des bouleversements apportés par les survivants, dont les motivations sont aussi nombreuses que les infectés qui menacent la région. Entre ceux qui aspirent à retrouver leur vie d'avant, ceux qui ne rêvent que d'un ordre nouveau, et ceux qui profitent du chaos ambiant, les Hommes bousculent la région plus que l'épidémie ne l'a jamais fait...
Parce que nous sommes drôlement gentilles (sisi.) nous mettons à votre disposition une petite fiche relations/chronologie si jamais vous n'en avez pas une sous le coude ( les couleurs ne sont pas changeables puisqu'on a retiré le CSS du code de la fiche par économie ) ! Une description du lien s'affiche en cliquant sur le nom du personnage, et vous pouvez accéder aux liens de tous les RPs avec ledit personnage en passant votre souris sur le petit rond des RPs - si c'est pas beau tout ça. Pour les crédits on remerciera Linus pour Epicode <3 !
CODE:
Code:
<link href="https://www.aht.li/3703932/ficherela.css" rel="stylesheet"> <div class="template-linus-11 lighter"><!-- remplacer lighter par darker pour une luminosité alternative --><div class="tli-margin"><!--
/*** début du bloc liens ***/ --><div class="tli-header tli-gradient"><!-- remplacer tli-gradient par tli-flat pour enlever le dégradé --><a href="#" title="Voir ma fiche" target="_blank" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --><span>prénom nom</span><!-- --></a><!-- --><h2>prénom nom</h2><!-- --><div class="tli-separator"><!-- --><i class="fas fa-cloud"></i><!-- remplacer ici l'icône si vous le souhaitez --></div><!-- --><h3>une citation stylée</h3><!-- --></div><!-- /*** fin du bloc liens ***/
/*** début du bloc corps de texte ***/ --><div class="tli-body"><!--
--><div class="tli-intro"><!-- --><h3><!-- -->ce que je recherche<!-- --></h3><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor...<!-- --></div><!--
<br /> --><h3><!-- -->chronologie<!-- --></h3><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><br/><!--
-->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><br/><!--
-->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><!-- -->+ titre — ft. Prénom Nom — <a href="#">www</a><br /><br /><!--
/*** début du bloc personnage 0 ***/ --><div class="tli-character"><!--
/*** début avatar pseudo ***/ --><div class="tli-line"><!-- --><a href="#character0" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --></a><!-- --><a href="#character0" class="tli-inner-line"><!-- --><h2>nomprénom nomprénom</h2><!-- --><h3>type de lien</h3><!-- --></a><!-- --><div class="tli-inner-line tli-pastilles"><!-- --><div class="tli-pastille"><!-- -->1 rp<!-- --><div class="tli-liens"><!-- --><a href="#" target="_blank">titre de mon rp 1</a><br/><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- /*** fin avatar pseudo ***/
--><span class="tli-target" id="character0"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 0 ***/ /*** début du bloc personnage 1 ***/ --><div class="tli-character"><!--
/*** début avatar pseudo ***/ --><div class="tli-line"><!-- --><a href="#character1" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --></a><!-- --><a href="#character1" class="tli-inner-line"><!-- --><h2>nomprénom nomprénom</h2><!-- --><h3>type de lien</h3><!-- --></a><!-- --><div class="tli-inner-line tli-pastilles"><!-- --><div class="tli-pastille"><!-- -->3 rp<!-- --><div class="tli-liens"><!-- --><a href="#" target="_blank">titre de mon rp 1</a><br/><!-- --><a href="#" target="_blank">titre de mon rp 2</a><br/><!-- --><a href="#" target="_blank">titre de mon rp 3</a><br/><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- /*** fin avatar pseudo ***/
--><span class="tli-target" id="character1"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 1 ***/ /*** début du bloc personnage 2 ***/ --><div class="tli-character"><!--
/*** début avatar pseudo ***/ --><div class="tli-line"><!-- --><a href="#character2" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --></a><!-- --><a href="#character2" class="tli-inner-line"><!-- --><h2>nomprénom nomprénom</h2><!-- --><h3>type de lien</h3><!-- --></a><!-- --><div class="tli-inner-line tli-pastilles"><!-- --><div class="tli-pastille"><!-- -->1 rp<!-- --><div class="tli-liens"><!-- --><a href="#" target="_blank">titre de mon rp 1</a><br/><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- /*** fin avatar pseudo ***/
--><span class="tli-target" id="character2"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 2 ***/ /*** début du bloc personnage 3 ***/ --><div class="tli-character"><!--
--><span class="tli-target" id="character3"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 3 ***/ /*** début du bloc personnage 4 ***/ --><div class="tli-character"><!--
/*** début avatar pseudo ***/ --><div class="tli-line"><!-- --><a href="#character4" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --></a><!-- --><a href="#character4" class="tli-inner-line"><!-- --><h2>nomprénom nomprénom</h2><!-- --><h3>type de lien</h3><!-- --></a><!-- --><div class="tli-inner-line tli-pastilles"><!-- --><div class="tli-pastille"><!-- -->2 rp<!-- --><div class="tli-liens"><!-- --><a href="#" target="_blank">titre de mon rp 1</a><br/><!-- --><a href="#" target="_blank">titre de mon rp 2</a><br/><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- /*** fin avatar pseudo ***/
--><span class="tli-target" id="character4"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 4 ***/ /*** début du bloc personnage 5 ***/ --><div class="tli-character"><!--
/*** début avatar pseudo ***/ --><div class="tli-line"><!-- --><a href="#character5" class="tli-avatar"><!-- --><img src="https://via.placeholder.com/150.png" alt="mon avatar"/><!-- --></a><!-- --><a href="#character5" class="tli-inner-line"><!-- --><h2>nomprénom nomprénom</h2><!-- --><h3>type de lien</h3><!-- --></a><!-- --><div class="tli-inner-line tli-pastilles"><!-- --><div class="tli-pastille"><!-- -->1 rp<!-- --><div class="tli-liens"><!-- --><a href="#" target="_blank">titre de mon rp 1</a><br/><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- /*** fin avatar pseudo ***/
--><span class="tli-target" id="character5"></span><!-- --><div class="tli-details"><!-- -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!-- --></div><!-- --></div><!-- /*** fin du bloc personnage 5 ***/
--></div><!-- /*** fin du bloc corps de texte ***/