C’est bon ! T’es validé.e ! CONGRATS bump bis !!! Tu peux maintenant faire ta fiche de liens (si tu le souhaites bien sûr, on ne t’oblige à rien ici). Tu trouveras plus bas un code pour mettre en page ton carnet. Il te faudra le poster dans un sujet dans la catégorie des liens ici.

fiche 1




Fiche de liens
Une petite citation



Un résumé du perso


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.



Liens recherchés


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?



Un autre cadre


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.



Code:
<div class="ficheliens">
<div class="headliens">
<strong>Fiche de liens</strong>
<i>Une petite citation</i>
</div>
<img src="https://via.placeholder.com/510x250" class="rsimg">
<div class="rs_resume">
<h2>Un résumé du perso</h2>
<div class="rscadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.</div>
</div>
<div class="rs_lienrech">
<h2>Liens recherchés</h2>
<div class="rscadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?</div>
</div>
<div class="rs">
<h2>Un autre cadre</h2>
<div class="rscadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.</div>
</div>
</div>


fiche 2




Fiche de liens
Une petite citation



Un résumé du perso


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.



Liens recherchés


Nom du lien ; Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

Nom du lien ; Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

Nom du lien ; Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

Nom du lien ; Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.



Mes rps


En cours




Terminés




Abandonnés ou autres trucs






Un autre cadre


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.




Code:
<div class="ficheliens">
<div class="headliens">
<strong>Fiche de liens</strong>
<i>Une petite citation</i>
</div>
<img src="https://via.placeholder.com/510x250" class="rsimg">
<div class="rs_resume">
<h2>Un résumé du perso</h2>
<div class="rscadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.</div>
</div>
<div class="rs_lienrech">
<h2>Liens recherchés</h2>
<div class="rscadre">[b]Nom du lien ;[/b] Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

[b]Nom du lien ;[/b] Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

[b]Nom du lien ;[/b] Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.

[b]Nom du lien ;[/b] Description. vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.</div>
</div>
<div class="rsrps">
<h2>Mes rps</h2>
<div class="rs_listrp"><h3>En cours</h3>
[list][*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[/list]
</div>
<div class="rs_listrp"><h3>Terminés</h3>
[list][*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[/list]
</div>
<div class="rs_listrp"><h3>Abandonnés ou autres trucs</h3>
[list][*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[*]<a href="/">Titre du rp</a> avec Nom Prénom
[/list]
</div>
</div>
<div class="rs">
<h2>Un autre cadre</h2>
<div class="rscadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.</div>
</div>
</div>

relations





Mes relations


Une petite citation

Nom Prénom


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.


Nom Prénom


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.


Nom Prénom


Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.



Code:
<div class="ficheliens relations">
<div class="headliens">
<h2>Mes relations</h2>
<i>Une petite citation</i>
</div>
<div class="lien"><h3>Nom Prénom</h3>
<div class="liencadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
</div>
<img src="https://via.placeholder.com/150" class="lienimg"/></div>
<div class="lien"><h3>Nom Prénom</h3>
<div class="liencadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
</div>
<img src="https://via.placeholder.com/150" class="lienimg"/></div>
<div class="lien"><h3>Nom Prénom</h3>
<div class="liencadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
</div>
<img src="https://via.placeholder.com/150" class="lienimg"/></div>
</div>

relations : pour ajouter un lien


Il suffit d'ajouter ceci avant le dernier </div> !

Code:
<div class="lien"><h3>Nom Prénom</h3>
<div class="liencadre">Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit.
</div>
<img src="https://via.placeholder.com/150" class="lienimg"/></div>