Dear JaneMJ

# Modèle Fiche De Liens2/12/2023, 10:16 pm

Voici le modèle de fiche de liens. Il a été codé par Artemis.
L'image est de taille 437*600 ou 200*320.

feat. avatar

Patronyme

Nationalité: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Âge: Lorem ipsum dolor sit amet.
Statut Civil: Lorem ipsum dolor sit amet consectetur.
Titre/Métier: Lorem ipsum dolor sit amet consectetur.
Groupe: Lorem ipsum dolor sit amet consectetur.

Personnalité

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque, et porta diam felis vel urna. Duis consequat orci euismod lorem dictum, sed eleifend dui molestie. Curabitur lobortis eros quis porttitor semper. Morbi vel ex maximus, pellentesque mauris ut, lacinia ex. Donec semper, orci ut sollicitudin cursus, ex dolor varius quam, sit amet tempor lorem magna eget nibh.

Anecdotes

Liens attendus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque, et porta diam felis vel urna. Duis consequat orci euismod lorem dictum, sed eleifend dui molestie. Curabitur lobortis eros quis porttitor semper. Morbi vel ex maximus, pellentesque mauris ut, lacinia ex. Donec semper, orci ut sollicitudin cursus, ex dolor varius quam, sit amet tempor lorem magna eget nibh. Praesent fringilla dolor in arcu tincidunt malesuada. Fusce consectetur augue ac turpis semper, vel placerat purus scelerisque. Aliquam quam odio, egestas sed mollis eget, finibus ac odio. Proin ornare auctor tristique. Aenean euismod ipsum ut diam varius, eu cursus lectus malesuada. Suspendisse id consectetur diam. Aliquam suscipit tortor eget nulla lacinia, id euismod enim ultricies. Nulla tellus lorem, fringilla at elit at, euismod finibus urna. Fusce pulvinar condimentum augue ac blandit. Suspendisse bibendum tempor augue, sit amet placerat orci facilisis ac.

Code:: <div class="presentation-artemis"> <div class="avatar-infos"> <img src="https://i.ibb.co/bW9v7JJ/predef.jpg" alt="avatar"/> <span> feat. avatar </span> </div><h1>Patronyme</h1> <dl> <dt> Nationalité </dt> <dd> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </dd> <dt> Âge </dt> <dd> Lorem ipsum dolor sit amet. </dd> <dt> Statut Civil </dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> <dt> Titre/Métier </dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> <dt> Groupe</dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> </dl> <div class="caractere-arte"> <h2>Personnalité</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque, et porta diam felis vel urna. Duis consequat orci euismod lorem dictum, sed eleifend dui molestie. Curabitur lobortis eros quis porttitor semper. Morbi vel ex maximus, pellentesque mauris ut, lacinia ex. Donec semper, orci ut sollicitudin cursus, ex dolor varius quam, sit amet tempor lorem magna eget nibh. </p></div><div class="infos-arte"> <h2>Anecdotes</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque, et porta diam felis vel urna. Duis consequat orci euismod lorem dictum, sed eleifend dui molestie. Curabitur lobortis eros quis porttitor semper. Morbi vel ex maximus, pellentesque mauris ut, lacinia ex. Donec semper, orci ut sollicitudin cursus, ex dolor varius quam, sit amet tempor lorem magna eget nibh. </p></div><div class="histoire-arte"><span>Liens Attendus</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque, et porta diam felis vel urna. Duis consequat orci euismod lorem dictum, sed eleifend dui molestie. Curabitur lobortis eros quis porttitor semper. Morbi vel ex maximus, pellentesque mauris ut, lacinia ex. Donec semper, orci ut sollicitudin cursus, ex dolor varius quam, sit amet tempor lorem magna eget nibh. Praesent fringilla dolor in arcu tincidunt malesuada. Fusce consectetur augue ac turpis semper, vel placerat purus scelerisque. Aliquam quam odio, egestas sed mollis eget, finibus ac odio. Proin ornare auctor tristique. Aenean euismod ipsum ut diam varius, eu cursus lectus malesuada. Suspendisse id consectetur diam. Aliquam suscipit tortor eget nulla lacinia, id euismod enim ultricies. Nulla tellus lorem, fringilla at elit at, euismod finibus urna. Fusce pulvinar condimentum augue ac blandit. Suspendisse bibendum tempor augue, sit amet placerat orci facilisis ac. </div><div class="liens-predefinis"> <h3>Ses liens</h3> <div class="lien-droit-arte"> <div class="un-lien-arte"> <div class="icone-lien"> <img src="https://via.placeholder.com/100" alt="image personnage"/> </div><div class="bloc-droite"> <h4 class="pseudo-lien">Pseudo</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque </p><span> groupe, infos que tu veux </span> </div></div></div></div><div class="credit-artemis"><a href="https://www.epicode-entraide.com/">artemis | www</a></div></div>

Pour ajouter un lien :

Type de lien

Pseudo

groupe, infos que tu veux

Type de lien

Pseudo

groupe, infos que tu veux

Type de lien

Pseudo

groupe, infos que tu veux

Type de lien

Pseudo

groupe, infos que tu veux

Code:: <div class="liens-predefinis"> <h3>[size=10]Type de lien[/size]</h3> <div class="lien-droit-arte"> <div class="un-lien-arte"> <div class="icone-lien"> <img src="https://via.placeholder.com/100" alt="image personnage"/> </div><div class="bloc-droite"> <h4 class="pseudo-lien">Pseudo</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque </p><span> groupe, infos que tu veux </span> </div></div></div></div> <div class="liens-predefinis"> <h3>[size=10]Type de lien[/size]</h3> <div class="lien-droit-arte"> <div class="un-lien-arte"> <div class="icone-lien"> <img src="https://via.placeholder.com/100" alt="image personnage"/> </div><div class="bloc-droite"> <h4 class="pseudo-lien">Pseudo</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque </p><span> groupe, infos que tu veux </span> </div></div></div></div> <div class="liens-predefinis"> <h3>[size=10]Type de lien[/size]</h3> <div class="lien-droit-arte"> <div class="un-lien-arte"> <div class="icone-lien"> <img src="https://via.placeholder.com/100" alt="image personnage"/> </div><div class="bloc-droite"> <h4 class="pseudo-lien">Pseudo</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque </p><span> groupe, infos que tu veux </span> </div></div></div></div> <div class="liens-predefinis"> <h3>[size=10]Type de lien[/size]</h3> <div class="lien-droit-arte"> <div class="un-lien-arte"> <div class="icone-lien"> <img src="https://via.placeholder.com/100" alt="image personnage"/> </div><div class="bloc-droite"> <h4 class="pseudo-lien">Pseudo</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus lorem massa, et feugiat risus vulputate at. Praesent imperdiet neque eu lacus ornare, et faucibus ipsum tristique. Mauris sollicitudin vulputate dui, et auctor ex rutrum nec. Cras tristique, ipsum malesuada dictum iaculis, diam diam vehicula neque </p><span> groupe, infos que tu veux </span> </div></div></div></div>

en bref

Messages : 93
Points : 507

Date d'inscription : 05/11/2023

Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum