Fonctionnement

    <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_ION.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES ADJECTIFS --><style type="text/css">.adjION span{background:#5FEAC8 !important; color:white !important;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div id="ION" style="font-family:Arial;"><!-- CREDIT --><a class="cdtION" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- BLOC NOM PRENOM(S) & INFORMATIONS DIVERSES --><div class="npION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span style="border-color:lightgrey; color:lightgrey;">Occupation ○ Nationalité ○ Localisation</span></div><!-- BLOC IMAGE PERSONNAGE --><div class="imgION" style="background:#5feac8;"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2838068/100100.png" style="border-color:white;" /></div><!-- ONGLETS BIOGRAPHIE / LISTE DES LIENS / LIENS RECHERCHES - VEILLER A LAISSER LES B --><div class="abtION"><!-- ONGLET BIOGRAPHIE --><input type="radio" name="abtION" id="OION1" checked ><label for="OION1"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Almost<b>human</b></span></div></label><!-- ONGLET LISTE DES LIENS --><input type="radio" name="abtION" id="OION2"><label for="OION2"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens<b>établis</b></span></div></label><!-- ONGLET LIENS RECHERCHES --><input type="radio" name="abtION" id="OION3"><label for="OION3"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens <b>recherchés</b></span></div></label><!-- CONTENU BIOGRAPHIE --><div id="contentION1" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- LIEN FICHE DE PRESENTATION / ÂGE / SEXE --><div class="triLION"><!-- FICHE DE PRESENTATION --><div style="border-color:lightgreen;"><a href="" target="_blank" style="color:lightgreen;">Fiche</a></div><!-- BORDURE ÂGE --><div class="ageION" style="border-color:#5feac8;"><!-- ÂGE --><span style="background:#5feac8; color:white;">Âge</span></div><!-- SEXE ⚥ / ♀ / ♂ --><div style="border-color:lightgreen; color:lightgreen;">⚥</div></div><!-- CITATION ILLUSTRANT LA PERSONNALITE DU PERSONNAGE --><div class="quotION" style="color:#5feac8;">Citation</div><!-- ADJECTIFS - AJOUT D'ADJECTIF = AJOUT DE <span>adjectif</span> --><div class="adjION"><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span></div><!-- 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><!-- CONTENU LISTE DES LIENS - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div id="contentION2" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- I --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- II --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:lightgreen;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:lightgreen;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- III --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN CONTENU LISTE DES LIENS --></div><!-- CONTENU LIENS RECHERCHES - AJOUT DE LIEN RECHERCHE = AJOUT DE <b>▬ intitulé du lien :</b> description --><div id="contentION3" class="contentION searchION" style="background:white; border-color:#F7F7F7; color:black;"><b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description</div></div></div>