A Barcelone, c'est important d'être bien entouré. Après la validation de ta fiche, il te seras demandé de créer ta propre fiche de liens. Cette étape n'est pas obligatoire mais recommandé pour pouvoir trouver de futurs partenaires de jeu RP. Tu es également invité à poster sur celle des autres membres pour te trouver tout type de liens, que cela soit des liens familiaux, amoureux, amicaux, rivaux, ennemis etc.. Tu trouveras ci-dessous un exemple de fiche, que tu peux, si tu le souhaites utiliser, à moins que tu n'as déjà en stock ta propre fiche personnelle de liens. N'oublie pas de créditer selon la fiche que tu utilises.  

Partie Présentation

Code:

<div style="font-family: arial; font-size: 11px; line-height: 11px;"><center><link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<div class="nameFCH">Prénom Prénom Nom</div>
<div class="quoteFCH">Citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation</div><img src="http://24.media.tumblr.com/tumblr_m8r6d81MXP1raakl6o1_500.gif" class="imgFCH">
<div style="width: 456px;"><div class="infosBOX">ÂGE</div><div class="infosBOX">STATUT CIVIL</div><div class="infosBOX">MÉTIER/ÉTUDES</div><div class="infosBOX">GROUPE</div></div>
<br />
<table><td><div class="descBOX" style="height: 70px;">Vous pouvez écrire dans cet espace une description des points généraux du personnage: prénom, nom, âge, nationalité, quelques points du caractère, etc.  Ne vous inquiétez pas, une scrollbar apparaîtra au survol de la boîte.</div>
<img src="http://25.media.tumblr.com/tumblr_md94mcDFLH1rbh0l9o1_500.gif" class="gifBOX"></td><td><div class="descBOX" style="height: 176px; margin-left: 10px;">Quelques points de l'histoire ou un résumé.  C'est comme vous voulez, mais tout comme la première boîte de texte, une scrollbar apparaîtra au survol de cette boîte.  Quelques points de l'histoire ou un résumé.  C'est comme vous voulez, mais tout comme la première boîte de texte, une scrollbar apparaîtra au survol de cette boîte.  Quelques points de l'histoire ou un résumé.  C'est comme vous voulez, mais tout comme la première boîte de texte, une scrollbar apparaîtra au survol de cette boîte.  Quelques points de l'histoire ou un résumé.  C'est comme vous voulez, mais tout comme la première boîte de texte, une scrollbar apparaîtra au survol de cette boîte.  Quelques points de l'histoire ou un résumé.  C'est comme vous voulez, mais tout comme la première boîte de texte, une scrollbar apparaîtra au survol de cette boîte.</div></td></table>

<div class="nameFCH" style="margin-top: 6px; margin-bottom: 5px;">Liens recherchés</div>
<table><td><img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40496648" class="iconLINKS"></td><td><div style="padding-left: 5px; padding-right: 5px;"><div class="boxLINKS"><b>Titre du lien recherché ›</b> Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici. <fr>#FREE</fr> <res>#RESERVED</res> <ta>#TAKEN</ta>

<b>Titre du lien recherché ›</b> Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici. <fr>#FREE</fr> <res>#RESERVED</res> <ta>#TAKEN</ta>

<b>Titre du lien recherché ›</b> Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici.  Ton petit texte tout mignon ici. <fr>#FREE</fr> <res>#RESERVED</res> <ta>#TAKEN</ta></div></div></td><td><img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40497094" class="iconLINKS"></td></table></div><div class="credit">:copyright: HELLOPAINFUL</div></center></div><style>.nameFCH{font-family: Poiret One; font-size: 40px; color: #242327; text-shadow: 1px 1px 1px darkgrey;} .quoteFCH{width: 450px; color: #242327; text-align: justify; text-transform: uppercase; font-family: arial; font-size: 10px; letter-spacing: 0.9px; line-height: 9px; margin-top: 10px; margin-bottom: 10px;} .imgFCH{width: 450px; opacity: 0.95; background-color: #f6f6f6; padding: 2px; border: 1px solid #ececec; filter: grayscale(100%); transition: .5s;} .imgFCH{filter: grayscale(0%);} .infosBOX{background-color: #f6f6f6; color: #242327; width: 110px; height: 100%; font-size: 8.5px; text-align: center; padding-top: 5px; padding-bottom: 4px; color: #242327; border: 1px solid #ececec; margin-top: 10px; margin-right: 2px; margin-bottom: 10px; float: right; transition: .5s;} .infosBOX:hover{background-color: #242327; color: #f6f6f6;} .descBOX{width: 194px; color: #232427; text-align: justify; padding: 10px; overflow: hidden; background-color: #f6f6f6; border: 1px solid #ececec; margin-bottom: -1px;} .descBOX:hover{overflow: auto;} .gifBOX{width: 210px; height: 90px; background-color: #f6f6f6; border: 1px solid #ececec; padding: 2px; filter: grayscale(100%); transition: .5s;} .gifBOX:hover{filter: grayscale(0%);} .iconLINKS{width: 75px; background: #f6f6f6; padding: 2px; border: 1px solid #ececec; filter: grayscale(100%); transition: .5s;} .iconLINKS:hover{filter:grayscale(0%);} .boxLINKS{width: 244px; text-align: justify; height: 61px; overflow: hidden; color: #242327; background: #f6f6f6; border: 1px solid #ececec; padding: 10px;} .boxLINKS:hover{overflow:auto;} .credit{font-size: 8px; text-align: center;} fr{color: #377828; font-weight: bold;} ta{color: #782828; font-weight: bold;} res{color: #285f78; font-weight: bold;}</style>


Partie lien

Code:

<center><div style="font-family: arial; font-size: 11px; line-height: 11px;"><link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"><table><tr><td><center><div style="margin-right: 30px;"><div class="nameLINKS">Prénom Nom</div>
<div class="typeLINKS">nom de la relation</div>
<img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2"> <img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2">
<div class="descLINKS">N'hésitez pas à écrire le nombre de lignes que vous voulez pour les descriptions de liens.  Tout comme les boîtes plus haut, une scrollbar apparaîtra au survol de ce texte.</div></div></center></td>
<td><center><div class="nameLINKS">Prénom Nom</div>
<div class="typeLINKS">nom de la relation</div>
<img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2"> <img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2">
<div class="descLINKS">N'hésitez pas à écrire le nombre de lignes que vous voulez pour les descriptions de liens.  Tout comme les boîtes plus haut, une scrollbar apparaîtra au survol de ce texte.</div></center></td></table>

<table><tr><td><center><div style="margin-right: 30px;"><div class="nameLINKS">Prénom Nom</div>
<div class="typeLINKS">nom de la relation</div>
<img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2"> <img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2">
<div class="descLINKS">N'hésitez pas à écrire le nombre de lignes que vous voulez pour les descriptions de liens.  Tout comme les boîtes plus haut, une scrollbar apparaîtra au survol de ce texte.</div></div></center></td>
<td><center><div class="nameLINKS">Prénom Nom</div>
<div class="typeLINKS">nom de la relation</div>
<img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2"> <img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=40495458" class="iconLINKS2">
<div class="descLINKS">N'hésitez pas à écrire le nombre de lignes que vous voulez pour les descriptions de liens.  Tout comme les boîtes plus haut, une scrollbar apparaîtra au survol de ce texte.</div></center></td></table></div></center>
<style>.iconLINKS2{width: 80px; background: #f6f6f6; padding: 2px; border: 1px solid #ececec; filter: grayscale(100%); transition: .5s;} .iconLINKS2:hover{filter:grayscale(0%);} .nameLINKS{font-family: Poiret One; color: #242327; text-shadow: 1px 1px 1px darkgrey; font-size: 20px; font-weight: 700;} .typeLINKS{font-size: 9px; text-transform: uppercase; letter-spacing: 0.9px; text-align: center; line-height: 9px; margin-top: -5px; margin-bottom: -3px; color: #242327;} .descLINKS{width: 145px; height: 60px; padding: 10px; color: #242327; background: #f6f6f6; border: 1px solid #ececec; text-align: justify; overflow: hidden; margin-top: 8px;} .descLINKS:hover{overflow: auto;}</style>

@hellopainful