Code à utiliser fiche liens, fiches carnet de bord...

<link href="https://www.aht.li/3320318/RS_TIMBE.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES | IMAGES EN 75*75 - REDIMENSIONNEMENT AUTOMATIQUE --><div class="TIMBE"><!-- CREDIT --><a class="cdtTIMBE" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- NOM PRENOM & RELATION --><div class="boxTIMBE"><!-- NOM PRENOM --><div class="npTIMBE" style="color:black;">NOM<br/>Prénom</div><!-- RELATION --><div class="rsTIMBE" style="border-color:grey; color:black;">Relation</div></div><!-- IMAGE & SA BORDURE --><div class="imgTIMBE" style="border-color:black;"><img src=https://www.aht.li/3137486/7575BW.png" /></div><!-- COULEUR TRAIT SEPARATION --><div class="borderTIMBE" style="background:black;"></div><!-- DESCRIPTION --><div class="descTIMBE" style="color:grey;">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div><!-- LIEN II --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- NOM PRENOM & RELATION II --><div class="boxTIMBE"><!-- NOM PRENOM II --><div class="npTIMBE" style="color:black;">NOM<br/>Prénom</div><!-- RELATION II --><div class="rsTIMBE" style="border-color:grey; color:black;">Relation</div></div><!-- IMAGE & SA BORDURE II --><div class="imgTIMBE" style="border-color:black;"><img src="https://www.aht.li/3137486/7575BW.png" /></div><!-- COULEUR TRAIT SEPARATION II --><div class="borderTIMBE" style="background:black;"></div><!-- DESCRIPTION II --><div class="descTIMBE" style="color:grey;">Description.</div></div><!-- LIEN III --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- NOM PRENOM & RELATION III --><div class="boxTIMBE"><!-- NOM PRENOM III --><div class="npTIMBE" style="color:black;">NOM<br/>Prénom</div><!-- RELATION III --><div class="rsTIMBE" style="border-color:grey; color:black;">Relation</div></div><!-- IMAGE & SA BORDURE III --><div class="imgTIMBE" style="border-color:black;"><img src="https://www.aht.li/3137486/7575BW.png" /></div><!-- COULEUR TRAIT SEPARATION III --><div class="borderTIMBE" style="background:black;"></div><!-- DESCRIPTION III --><div class="descTIMBE" style="color:grey;">Description.</div></div><!-- AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>

<link href="https://www.aht.li/3321740/RS_RUP.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LES COULEURS DES TITRES DES RP & DES AJECTIFS --><style type="text/css">/* TITRES RP */ .searchFRUP .boxFRUP a {color:black;} /* ADJECTIFS */ .adjFRUP .boxFRUP span {background:grey; color:white;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div class="FRUP"><!-- CREDIT --><a class="cdtFRUP" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- BLOC IMAGE / NOM PRENOM(S) & INFORMATIONS PERSONNAGE --><div class="topFRUP" style="background:grey; color:white;"><!-- IMAGE EN 150*85 MINIMUM - REDIMENSIONNEMENT & RECADRAGE AUTOMATIQUES --><div class="imgFRUP"><img src="https://www.aht.li/3321353/15085BW.png" /></div><div class="ALFRUP"><!-- NOM PRENOM(S) --><div class="npFRUP">NOM Prénom</div><!-- INFORMATIONS PERSONNAGE --><div class="abtFRUP" style="border-color:white;">Âge - Occupation - Informations diverses</div></div></div><!-- RESUME HISTOIRE PERSONNAGE --><div class="storyFRUP" style="background:white; color:black;">Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- LIENS RECHERCHES --><div class="ongFRUP" tabindex="0"><!-- INTITULE LIENS RECHERCHES --><div class="tleFRUP" style="background:white; color:black;">Liens recherchés</div><!-- CONTENU LIENS RECHERCHES --><div class="boxFRUP" style="background:white; color:black;"><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...</div></div><!-- LISTE RP --><div class="ongFRUP searchFRUP" tabindex="0"><!-- INTITULE LISTE RP --><div class="tleFRUP" style="background:white; color:black;">Liste RP</div><!-- CONTENU LISTE RP --><div class="boxFRUP" style="background:white; color:black;"><!-- EN COURS --><b>En cours</b><!-- CONTENU EN COURS -->▬ <a href="..." target="_blank">Titre</a> | ft. NOM Prénom<!-- II --><br/>▬ <a href="..." target="_blank">Titre</a> | ft. NOM Prénom<!-- ACHEVES --><br/><br/><b>Achevés</b><!-- CONTENU ACHEVES -->▬ <a href="..." target="_blank">Titre</a> | ft. NOM Prénom</div></div><!-- CARACTERE --><div class="ongFRUP adjFRUP" tabindex="0"><!-- INTITULE CARACTERE --><div class="tleFRUP" style="background:white; color:black;">Caractère</div><!-- 9 ADJECTIFS --><div class="boxFRUP" style="background:white; color:black;"><!-- I --><span>Adjectif</span><!-- II --><span>Adjectif</span><!-- III --><span>Adjectif</span><!-- IV --><span>Adjectif</span><!-- V --><span>Adjectif</span><!-- VI --><span>Adjectif</span><!-- VII --><span>Adjectif</span><!-- VIII --><span>Adjectif</span><!-- IX --><span>Adjectif</span></div></div></div>

<link href="https://www.aht.li/3299502/RS_LOB.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div class="LOB"><!-- CREDIT --><a class="cdtLOB" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksLOB" style="box-shadow:0 0 2px rgba(0,0,0,0.1); background:#E9E9E9;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE 50*50 --><img style="border-color:rgba(250,250,250,0.7);" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div>NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION --><p style="color:black;">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</p><!-- LISTE DES RP --><div class="rpLOB"><!-- INTITULE --><span style="background:#748284; color:white;">Liste des RP</span><!-- CONTENU --><div style="background:#E9E9E9; color:black;"><p>▬ <a style="color:black;" href="..." target="_blank">titre</a><br/>▬ <a style="color:black;" href="..." target="_blank">titre</a><br/>▬ <a style="color:black;" href="..." target="_blank">titre</a></p></div></div></div><!-- LIEN II --><div class="lksLOB" style="box-shadow:0 0 2px rgba(0,0,0,0.1); background:#E9E9E9;"><!-- IMAGE BANNIERE II 200*100 --><img class="bannLOB" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE II 50*50 --><img style="border-color:rgba(250,250,250,0.7);" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION II --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div>NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION II --><p style="color:black;">...</p><!-- LISTE DES RP II --><div class="rpLOB"><!-- INTITULE --><span style="background:#191919; color:white;">Liste des RP</span><!-- CONTENU --><div style="background:#E9E9E9; color:black;"><p>▬ <a style="color:black;" href="..." target="_blank">titre</a></p></div></div></div><!-- LIEN III --><div class="lksLOB" style="box-shadow:0 0 2px rgba(0,0,0,0.1); background:#E9E9E9;"><!-- IMAGE BANNIERE III 200*100 --><img class="bannLOB" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE III 50*50 --><img style="border-color:rgba(250,250,250,0.7);" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION III --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div>NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION III --><p style="color:black;">...</p><!-- LISTE DES RP III --><div class="rpLOB"><!-- INTITULE --><span style="background:#191919; color:white;">Liste des RP</span><!-- CONTENU --><div style="background:#E9E9E9; color:black;"><p>▬ <a style="color:black;" href="..." target="_blank">titre</a></p></div></div></div><!-- LIEN IV --><div class="lksLOB" style="box-shadow:0 0 2px rgba(0,0,0,0.1); background:#E9E9E9;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE IV 50*50 --><img style="border-color:rgba(250,250,250,0.7);" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION IV --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div>NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION IV --><p style="color:black;">...</p><!-- LISTE DES RP IV --><div class="rpLOB"><!-- INTITULE --><span style="background:#191919; color:white;">Liste des RP</span><!-- CONTENU --><div style="background:#E9E9E9; color:black;"><p>▬ <a style="color:black;" href="..." target="_blank">titre</a></p></div></div></div><!-- AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>

<link href="https://www.aht.li/3316293/RS_TANG.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES | IMAGES EN 100*150 MINIMUM - REDIMENSIONNEMENT & RECADRAGE AUTOMATIQUES --><div class="TANG"><!-- CREDIT --><a class="cdtTANG" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksTANG"><!-- IMAGE & LISTE RP --><div class="youTANG"><!-- IMAGE --><div class="imgTANG"><img src="https://www.aht.li/3315886/100150BW.png" /></div><!-- LISTE RP --><div class="rpTANG" style="background:#191919;"><!-- CONTENU --><a href="..." target="_blank" style="background:white; color:grey;">Titre du RP</a><!-- II --><a href="..." target="_blank" style="background:white; color:grey;">Titre du RP</a></div></div><!-- NOM PRENOM --><div class="npTANG" style="background:grey; color:white;">NOM Prénom</div><!-- AGE - OCCUPATION - RELATION --><div class="abtTANG" style="background:darkgrey; color:white;">Âge - Occupation - Relation</div><!-- DESCRIPTION --><div class="descTANG" style="background:#E9E9E9; color:black;"><!-- CONTENU --><p>Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</p></div></div><!-- LIEN II --><div class="lksTANG"><!-- IMAGE & LISTE RP II --><div class="youTANG"><!-- IMAGE II --><div class="imgTANG"><img src="https://www.aht.li/3315886/100150BW.png" /></div><!-- LISTE RP II --><div class="rpTANG" style="background:#191919;"><!-- CONTENU --><a href="..." target="_blank" style="background:white; color:grey;">Titre du RP</a><!-- II --><a href="..." target="_blank" style="background:white; color:grey;">Titre du RP</a></div></div><!-- NOM PRENOM II --><div class="npTANG" style="background:grey; color:white;">NOM Prénom</div><!-- AGE - OCCUPATION - RELATION II --><div class="abtTANG" style="background:darkgrey; color:white;">Âge - Occupation - Relation</div><!-- DESCRIPTION II --><div class="descTANG" style="background:#E9E9E9; color:black;"><!-- CONTENU --><p>Description.</p></div></div><!-- AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>