≡ Modèle de fiche de liens

modèle de fiche de liens
coup de pouce pour votre mise en page

Pour t'aider à créer ta fiche de liens, un modèle est mis à disposition. Tu es libre de l'utiliser ou non, de le transformer ou non... Cependant, nous t'encourageons à le reprendre pour que tous tes codes s'actualisent automatiquement à chaque changement de version.
Si jamais tu rencontres un problème/bug, n'hésite pas à poser tes questions à un membre du staff !

Les codes:

Premier post

Code:: <br>
[center]<img src="https://66.media.tumblr.com/9de160fa56a7c945e7bddc0af4422602/tumblr_owz3hsxLuH1rqgagdo2_r1_250.gif" class="pixPRESA"> <img src="https://66.media.tumblr.com/692c451e8f094bd26fe74d5a74daedd6/tumblr_owz3hsxLuH1rqgagdo9_r1_250.gif" class="pixPRESA">
<span class="pseudoPRESA">prénom nom</span>
<span class="citationPRESA">courte citation</span>[/center]

<table align="center"><tr><td width="50%"><div class="bgpetitPRESA" style="margin-right:5px;"><span class="textebg">PRENOM(S) & NOM |</span> texte <span class="textebg">AGE & DATE/LIEU DE NAISSANCE |</span> texte <span class="textebg">NATIONALITE(S) & ORIGINES |</span> texte <span class="textebg">STATUT CIVIL |</span> texte <span class="textebg">ORIENTATION SEXUELLE |</span> texte <span class="textebg">OCCUPATION |</span> texte <span class="textebg">NIVEAU DE VIE |</span> texte (de $ à $$$$$) <span class="textebg">GROUPE |</span> texte <span class="textebg">AVATAR |</span> texte </div></td><td width="50%"><div class="bgpetitPRESA" style="margin-left:5px;"><span class="textebg">CARACTERE |</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div></td></tr></table>
<center><div class="badges" align="center"> <img src="https://i.imgur.com/HFLsW91.png"></div></center>
<div class="tw"> <bb><i class="cp cp-warning-o"></i> avertissement :</bb> ce que je joue, j'évoque. <bb><i class="cp cp-warning-o"></i> refus :</bb> ce que je ne veux pas jouer.</div> <div class="bgPRESAliens"><bb><i class="cp cp-pin-o"></i> chronologie</bb>

<span class="textebg">date</span> événement n°1 <span class="textebg">date</span> événement n°2 <span class="textebg">date</span> événement n°3 <span class="textebg">date</span> événement n°4 <span class="textebg">date</span> événement n°5 <span class="textebg">date</span> événement n°6 <span class="textebg">date</span> événement n°7

<bb><i class="cp cp-pin-o"></i> résumé des mois joués</bb>

<span class="textebg">MOIS 2021</span> Description avec possibles liens vers les rps

<span class="textebg">MOIS 2021</span> ...</div><center><a class="liensFICHE" href="">VOIR MON PROFIL</a> <a class="liensFICHE" href="">LIRE MA FICHE</a> <a class="liensFICHE" href="">PARCOURIR "ME, MYSELF & I"</a></center>
<table><tr><td width="50%"><div class="bgpetitPRESAliens" style="margin-right:5px;"><span class="textebg">RPS EN COURS</span>
<i class="cp cp-pin-o"></i> [b](date inrp)[/b] <a href="">titre</a> w/ pseudo, lieu du rp
<i class="cp cp-pin-o"></i> [b](date inrp)[/b] <a href="">titre</a> w/ pseudo, lieu du rp

<span class="textebg">RPS FINIS</span>
<i class="cp cp-pin-o"></i> [b](date inrp)[/b] <a href="">titre</a> w/ pseudo, lieu du rp
<i class="cp cp-pin-o"></i> [b](date inrp)[/b] <a href="">titre</a> w/ pseudo, lieu du rp

<span class="textebg">RPS ABANDONNES</span>
<i class="cp cp-pin-o"></i> [b](date inrp)[/b] <a href="">titre</a> w/ pseudo, lieu du rp </div></td> <td width="50%"><div class="bgpetitPRESAliens" style="margin-left:5px;"><span class="textebg">RECHERCHES DE LIENS</span>
(♂/♀) description du lien recherché en quelques phrases.
(♂/♀) description du lien recherché en quelques phrases.

➥ [b]Dernière maj :[/b] 00/00
➥ [b]Liens à ajouter :[/b] pseudo, pseudo...
➥ [b]Liens peu développés :[/b] pseudo, pseudo...</div></td></tr></table></br>

Liens en 2 colonnes

Code:: <br><center><div class="pseudoPRESA">liens familiaux & pnj</div><span class="citationPRESA">it means nobody gets left behind or forgotten</span>
<table style="margin-top:-50px;"><tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr>
<tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr></table>

</center>
<br><center><div class="pseudoPRESA">liens féminins</div><span class="citationPRESA">diamonds are forever</span>
<table style="margin-top:-50px;"><tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr>
<tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr></table>

</center>
<br><center><div class="pseudoPRESA">liens masculins</div><span class="citationPRESA">a man among men</span>
<table style="margin-top:-50px;"><tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr>
<tr><td style="padding-right:10px" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td>
<td style="padding-right:10px;" width="220">
<img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></td></tr></table>

</center>

Liens en 1 colonne

Code:: <br><center><div class="pseudoPRESA">liens familiaux & pnj</div><span class="citationPRESA">it means nobody gets left behind or forgotten</span></center>

<div class="liens1"><img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS1">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></div>
<div class="liens1"><img src="https://i.imgur.com/UT1LpqK.png" class="pixLIENS" align="left"> <span class="pseudoLIENS">Prénom Nom</span><div class="bgLIENS1">[b]LIEN[/b] ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></div>

Liens sans images

Code:: <br><center><div class="pseudoPRESA">liens familiaux & pnj</div><span class="citationPRESA">it means nobody gets left behind or forgotten</span></center>

<div class="bg1">[b]@"le scénariste" (type de lien)[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[b]@"le scénariste" (type de lien)[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[b]@"le scénariste" (type de lien)[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

prénom nom
courte citation

CARACTERE | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

avertissement : ce que je joue, j'évoque. refus : ce que je ne veux pas jouer.

chronologie

date événement n°1 date événement n°2 date événement n°3 date événement n°4 date événement n°5 date événement n°6 date événement n°7

résumé des mois joués

MOIS 2021 Description avec possibles liens vers les rps

MOIS 2021 ...

VOIR MON PROFIL LIRE MA FICHE PARCOURIR "ME, MYSELF & I"

RPS EN COURS
(date inrp) titre w/ pseudo, lieu du rp
(date inrp) titre w/ pseudo, lieu du rp

RPS FINIS
(date inrp) titre w/ pseudo, lieu du rp
(date inrp) titre w/ pseudo, lieu du rp

RPS ABANDONNES
(date inrp) titre w/ pseudo, lieu du rp

RECHERCHES DE LIENS
(♂/♀) description du lien recherché en quelques phrases.
(♂/♀) description du lien recherché en quelques phrases.

➥ Dernière maj : 00/00
➥ Liens à ajouter : pseudo, pseudo...
➥ Liens peu développés : pseudo, pseudo...

liens familiaux & pnj

it means nobody gets left behind or forgotten

Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

liens féminins

diamonds are forever

Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

liens masculins

a man among men

Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Prénom Nom LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

liens familiaux & pnj

it means nobody gets left behind or forgotten

Prénom Nom

LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Prénom Nom

LIEN ║ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

liens familiaux & pnj

it means nobody gets left behind or forgotten

@le scénariste (type de lien)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

@le scénariste (type de lien)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

@le scénariste (type de lien)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.