❖ Modèle de fiche de liens

<style type="text/css">.cadrtit{width: 436px; padding: 3px; background-color: #2b2b2b; margin-bottom: -2px; index-z: 1; position: relative;} .titre{font-family: Times; font-size: 13px; text-transform: uppercase; color: #845e43; margin-bottom: -5px;} pses{font-family: Times; font-size: 9px; text-transform: uppercase; color: #878282; opacity: 0.5;} .cad{width: 430px; background-color: #141414; padding: 5px; box-shadow: 0px 0px 0.2px 1px #3B3B3B;} .giffls{width: 201px; height: 126px; box-shadow: 0px 0px 0.2px 1px #3B3B3B; margin: 5px; margin-left: 2px;} .infsfl{width: 199px; padding: 2px; background-color: #2b2b2b; margin-bottom: 3px; font-family: Times; font-size: 11px; text-transform: uppercase; color: #845e43; text-align: left;} .anecfls{width: 193px; height: 200px; margin: 3px; margin-top: -3px;border-top: 10px solid #3B3B3B; border-bottom: 3px solid #3B3B3B; box-shadow: 0px 0px 0.2px 1px #3B3B3B; padding: 4px; overflow: auto; font-family: arial; color: #878282; font-size: 11px; text-align: justify;} desfls{font-family: Times; font-size: 10px; line-height: 12px; text-transform: uppercase; color: #878282;} .rpsfls{width: 412px; margin: 3px; margin-top: 2px; border-top: 10px solid #3B3B3B; border-bottom: 3px solid #3B3B3B; box-shadow: 0px 0px 0.2px 1px #3B3B3B; font-family: arial; color: #878282; font-size: 11px; text-align: justify;} .cadrpfls{width: 193px; height: 95px; overflow: auto; border-right: double 4px #3B3B3B; padding: 2px; padding-right: 6px;} .cadrpfls1{width: 193px; height: 95px; overflow: auto; padding: 2px;} cred{font-family: 'Trebuchet MS'; font-size: 8px; color: #845e43;  letter-spacing: 0.7px; text-transform: uppercase; text-align: center;}</style>

<center><div class="cadrtit"><div class="titre">Prénom Prénom Nom</div><pses>Feat Avatar</pses></div><div class="cad"><table><tr><td><img src="https://2img.net/image.noelshack.com/fichiers/2016/16/1460992445-tumblr-ndjh1c4dxy1qbjttio8-250.gif" class="giffls" align="left"/></td><td><div style="margin-top: 5px;"></div><div class="infsfl">Âge</div> <div class="infsfl">Nationalité</div> <div class="infsfl">Statut marital</div> <div class="infsfl">Orientation sexuelle</div> <div class="infsfl">Métier/études</div></td></tr></table><table><tr><td><div class="anecfls">Les anecdotes, tout ce qui concerne le personnage pour aiguiller les membres pour vous proposer des liens.</div></td><td><div class="anecfls"><desfls>(♀ / ♂) Titre du lien →</desfls> descriptif du lien recherché
<desfls>(♀ / ♂) Titre du lien →</desfls> descriptif du lien recherché
<desfls>(♀ / ♂) Titre du lien →</desfls> descriptif du lien recherché
<desfls>(♀ / ♂) Titre du lien →</desfls> descriptif du lien recherché</div></td></tr></table>
<div class="rpsfls"><table><tr><td><div class="cadrpfls"><a href="LIEN DU SUJET RP">Titre du sujet rp</a> → feat <desfls>Pseudo du partenaire rp</desfls>
<a href="LIEN DU SUJET RP">Titre du sujet rp</a> → feat <desfls>Pseudo du partenaire rp</desfls>
<a href="LIEN DU SUJET RP">Titre du sujet rp</a> → feat <desfls>Pseudo du partenaire rp</desfls> </div></td> <td><div class="cadrpfls1"><desfls>Pseudo à ajouter, rp de prévu</desfls>
<desfls>Pseudo à ajouter, rp de prévu</desfls>
<desfls>Pseudo à ajouter, rp de prévu</desfls></div></td></tr></table></div><center><div style="border-bottom: 1px dashed #F0F0E8; width: 110px; margin-top: 8px;"></div></center><cred>Codage par Emi Burton</cred></div></center>

<style type="text/css">.cadrtit{width: 436px; padding: 3px; background-color: #2b2b2b; margin-bottom: -2px; index-z: 1; position: relative;} .titreparl{font-family: Times; font-size: 13px; text-transform: uppercase; color: #845e43; } .cad{width: 430px; background-color: #2b2b2b; padding: 5px; box-shadow: 0px 0px 0.2px 1px #3B3B3B;} .avasle{height: 80px; box-shadow: 0px 0px 0.2px 1px #3B3B3B; margin: 5px; margin-left: 2px;} .psels{width: 355px; margin-left: -1px; padding-left: 4px; background-color: #2b2b2b; margin-bottom: -2px; index-z: 1; position: relative; font-family: Times; font-size: 10px; text-transform: uppercase; color: #845e43;} .desclsps{width: 349px; height: 55px; margin-top: -3px; border-bottom: 3px solid #3B3B3B; box-shadow: 0px 0px 0.2px 1px #3B3B3B; padding: 4px; overflow: auto; font-family: arial; color: #8e8e8e; font-size: 11px; text-align: justify;} desfls{font-family: Times; font-size: 10px; line-height: 12px; text-transform: uppercase; color: #878282;} cred{font-family: 'Trebuchet MS'; font-size: 8px; color: #E6E6D9;  letter-spacing: 0.7px; text-transform: uppercase; text-align: center;}</style>

<center><div class="cadrtit"><div class="titreparl">Girls/boys</div></div><div class="cad"><table><tr><td><img src="https://zupimages.net/up/21/15/gmmz.png" class="avasle" align="left"/></td><td><div class="psels">Pseudo du personnage</div><div class="desclsps"><desfls>Titre du lien →</desfls> descriptif du lien
</div></td></tr></table>
<table><tr><td><img src="https://zupimages.net/up/21/15/gmmz.png" class="avasle" align="left"/></td><td><div class="psels">Pseudo du personnage</div><div class="desclsps"><desfls>Titre du lien →</desfls> descriptif du lien
</div></td></tr></table>
<table><tr><td><img src="https://zupimages.net/up/21/15/gmmz.png" class="avasle" align="left"/></td><td><div class="psels">Pseudo du personnage</div><div class="desclsps"><desfls>Titre du lien →</desfls> descriptif du lien
</div></td></tr></table>
<center><div style="border-bottom: 1px dashed #845e43; width: 110px; margin-top: 5px;"></div></center><cred>Codage par Emi Burton</cred></div></center>