modèle fiche de lien

Date d'inscription : 07/02/2024

modèle répertoire

• trouver des ami(e)s •

Nous avons mis à votre disposition un code pour les fiches de lien. Il n'y a aucune obligation pour suivre ce modèle, faites-vous plaisir avant tout. N'oubliez pas de vous mettre à jour régulièrement. Vous pouvez ajouter un mooadboard pour votre personnage, si vous le souhaitez.

dans un premier post :

Code:: <div class="prez"> <center><div class="test"> <ab> PSEUDO DU PERSONNAGE </ab> <br/><br/></div>

<div class="prez2"><img src="https://64.media.tumblr.com/4e89e655ef25495187bf48e059e95ccf/e194bf4b1171f178-b4/s250x400/4180736d0efc2af5a2f0528dbfecd1df42b132cf.pnj" class="moon" align="left"> <c>un résumé :</c> Nam purus metus, condimentum vitae nulla ut, fermentum cursus risus. Sed et placerat turpis, nec semper nibh. Ut aliquet mauris quis porta tristique. Pellentesque ante odio, sollicitudin non odio vel, tristique lobortis ex. Sed consectetur elit eu consequat convallis. Integer accumsan felis dui, dapibus congue magna malesuada vel. Aenean eu gravida massa. Nulla facilisi. Aliquam mauris augue, aliquam vitae felis non, bibendum pharetra urna. Morbi facilisis, est a placerat porta, lectus sem pellentesque nibh, at tristique ex libero a risus.

</center><bc><center> âge- études/métier- statut civil -</center></bc></div>

dans un deuxième post :

Code:: <center><div class="ab3"><h2>les liens </h2></div></center>

<div class="prez3"><img src="https://i.imgur.com/xLoeF4C.png" class="moon" align="left"><c>nom & prénom; feat; lien.</c> Nam purus metus, condimentum vitae nulla ut, fermentum cursus risus. Sed et placerat turpis, nec semper nibh. Ut aliquet mauris quis porta tristique. Pellentesque ante odio, sollicitudin non odio vel, tristique lobortis ex. Sed consectetur elit eu consequat convallis. Integer accumsan felis dui, dapibus congue magna malesuada vel. Aenean eu gravida massa. Nulla facilisi. Aliquam mauris augue, aliquam vitae felis non, bibendum pharetra urna. Morbi facilisis, est a placerat porta, lectus sem pellentesque nibh, at tristique ex libero a risus. </div>
<div class="prez3"><img src="https://i.imgur.com/xLoeF4C.png" class="moon" align="left"><c>nom & prénom; feat; lien.</c> Nam purus metus, condimentum vitae nulla ut, fermentum cursus risus. Sed et placerat turpis, nec semper nibh. Ut aliquet mauris quis porta tristique. Pellentesque ante odio, sollicitudin non odio vel, tristique lobortis ex. Sed consectetur elit eu consequat convallis. Integer accumsan felis dui, dapibus congue magna malesuada vel. Aenean eu gravida massa. Nulla facilisi. Aliquam mauris augue, aliquam vitae felis non, bibendum pharetra urna. Morbi facilisis, est a placerat porta, lectus sem pellentesque nibh, at tristique ex libero a risus. </div>
<div class="prez3"><img src="https://i.imgur.com/xLoeF4C.png" class="moon" align="left"><c>nom & prénom; feat; lien.</c> Nam purus metus, condimentum vitae nulla ut, fermentum cursus risus. Sed et placerat turpis, nec semper nibh. Ut aliquet mauris quis porta tristique. Pellentesque ante odio, sollicitudin non odio vel, tristique lobortis ex. Sed consectetur elit eu consequat convallis. Integer accumsan felis dui, dapibus congue magna malesuada vel. Aenean eu gravida massa. Nulla facilisi. Aliquam mauris augue, aliquam vitae felis non, bibendum pharetra urna. Morbi facilisis, est a placerat porta, lectus sem pellentesque nibh, at tristique ex libero a risus. </div>

moodboard :

Code:: <div id="aeh">
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
<div class="aep" style="background: url(https://via.placeholder.com/150)">
</div>
</div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>

<style>#aeh {width: 500px; height: 500px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; background: #fafafa; border: 5px solid #fafafa; outline: 1px solid #eaeaea; margin: 0 auto; margin-top: 15px;}#aeh br {display: none;}#aeh .aep {width: 150px; height: 150px; margin: 2px; background-size: 100%!important; outline: 1px solid #eaeaea; border: 2px solid #fefefe;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style>