Exemple de fiche relation

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet"><link href="https://www.aht.li/3299502/RS_LOB.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LES COULEURS DES ADJECTIFS --><style type="text/css">.adjFLOB div {background:#DDDDDD; color:#BC4C5B;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div class="FLOB" style="box-shadow:0 0 2px rgba(0,0,0,0.1); background:#F1F1F1;"><!-- CREDIT --><a class="cdtFLOB" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- NOM PRENOM(S) --><div class="npFLOB" style="color:white; text-shadow:-1px -1px 0 rgba(0,0,0,0.3);"><!-- ALIGNEMENT --><span></span><!-- NOM PRENOM(S) --><span style="font-family: 'Kaushan Script', cursive; font-size:40px;
 color:white; text-shadow: 2px 3px 0px #bc4c5b, 0px 1px #454545, 1px 0px #bc4c5b, -1px 0px #bc4c5b, 0px -1px #bc4c5b;">Prénom(s) Nom(s)</span></div><!-- IMAGE BANNIERE 500*125 --><img class="bannFLOB" style="object-fit: cover;" src="https://www.aht.li/3299503/500125BW.png" /><!-- IMAGE PERSONNAGE 100*100 --><img style="border: 5px solid #BC4C5B; border-radius: 50%; filter:none!important;" class="imgFLOB" src="https://www.aht.li/3270722/100100LGREY.png" /><!-- LIEN FICHE DE PRESENTATION / INFORMATIONS DIVERSES --><div class="abtFLOB" style="background:white; text-transform: lowercase; font-style: italic; color:#BC4C5B;"><!-- FICHE DE PRESENTATION --><a href="..." target="_blank">Fiche</a> - Âge - Race - Rang - Occupation</div><!-- RESUME HISTOIRE PERSONNAGE --><div class="storyFLOB" style="background: #fbfbfb; box-shadow: 0px 0px 1px 2px #e2e2e2; 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</div><!-- 8 ADJECTIFS --><div class="adjFLOB"><!-- I --><div>adjectif</div><!-- II --><div>adjectif</div><!-- III --><div>adjectif</div><!-- IV --><div>adjectif</div><!-- V --><div>adjectif</div><!-- VI --><div>adjectif</div><!-- VII --><div>adjectif</div><!-- VIII --><div>adjectif</div></div><!-- LIENS RECHERCHES --><div class="searchFLOB"><!-- INTITULE --><span style="background:#D2CAB7; color:#BC4C5B;">Liens recherchés</span><!-- CONTENU --><div style="background:#F1F1F1; color:black;"><!-- LISTE --><p>▬ intitulé du lien : ...<br/>▬ intitulé du lien : ...<br/>▬ intitulé du lien : ...<!-- AJOUTER LES RECHERCHES SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></p></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:#F1F1F1;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" style="object-fit: cover;" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE 50*50 --><img style="border: 5px solid #BC4C5B; border-radius: 50%; filter:none!important;" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION --><div class="npLOB"><!-- NOM PRENOM --><div style="font-family: Open Sans Condensed; font-style: italic; color: #d2cab7; text-shadow: 0px 1px 2px #2d112c;">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:#D2CAB7; color:#BC4C5B;">Liste des RP</span><!-- CONTENU --><div style="background:#F1F1F1; 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:#F1F1F1;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" style="object-fit: cover;" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE 50*50 --><img style="border: 5px solid #BC4C5B; border-radius: 50%; filter:none!important;" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div style="font-family: Open Sans Condensed; font-style: italic; color: #d2cab7; text-shadow: 0px 1px 2px #2d112c;">NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION --><p style="color:black;">...</p><!-- LISTE DES RP --><div class="rpLOB"><!-- INTITULE --><span style="background:#D2CAB7; color:#BC4C5B;">Liste des RP</span><!-- CONTENU --><div style="background:#F1F1F1; 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:#F1F1F1;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" style="object-fit: cover;" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE 50*50 --><img style="border: 5px solid #BC4C5B; border-radius: 50%; filter:none!important;" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div style="font-family: Open Sans Condensed; font-style: italic; color: #d2cab7; text-shadow: 0px 1px 2px #2d112c;">NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION --><p style="color:black;">...</p><!-- LISTE DES RP --><div class="rpLOB"><!-- INTITULE --><span style="background:#D2CAB7; color:#BC4C5B;">Liste des RP</span><!-- CONTENU --><div style="background:#F1F1F1; 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:#F1F1F1;"><!-- IMAGE BANNIERE 200*100 --><img class="bannLOB" style="object-fit: cover;" src="https://www.aht.li/2996051/200100BW.png" /><!-- IMAGE 50*50 --><img style="border: 5px solid #BC4C5B; border-radius: 50%; filter:none!important;" class="imgLOB" src="https://www.aht.li/3299497/5050GREY.png" /><!-- NOM PRENOM & RELATION --><div class="npLOB" style="color:black;"><!-- NOM PRENOM --><div style="font-family: Open Sans Condensed; font-style: italic; color: #d2cab7; text-shadow: 0px 1px 2px #2d112c;">NOM Prénom</div><!-- RELATION --><span>relation</span></div><!-- DESCRIPTION --><p style="color:black;">...</p><!-- LISTE DES RP --><div class="rpLOB"><!-- INTITULE --><span style="background:#D2CAB7; color:#BC4C5B;">Liste des RP</span><!-- CONTENU --><div style="background:#F1F1F1; color:black;"><p>▬ <a style="color:black;" href="..." target="_blank">titre</a></p></div></div></div><!--

AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>