Sujet: Modèle Fiche scénario/pré-lien Ven 23 Sep - 18:03
· Le staff vous présente la fiche modèle pour votre scénario et votre pré-lien. La fiche est faite de sorte à ce que les couleurs ne soient pas modifiable, alors vous n'avez pas à vous en préoccuper.
BY .SOULMATES
Fiche scénario/pré-lien:
feat. avatar
Pseudo
Groupe
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Âge
Lorem ipsum dolor sit amet.
Orientation sexuelle
Lorem ipsum dolor sit amet consectetur.
Statut civil
Lorem ipsum dolor sit amet consectetur.
Métier
Lorem ipsum dolor sit amet consectetur.
Il est comme ça
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.
Mes attentes
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.
Histoire 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.
Ses liens
Pseudo
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
<div class="presentation-artemis"> <div class="avatar-infos"> <img src="https://i.servimg.com/u/f66/18/35/33/69/pp_pre13.png" alt="avatar"/> <span> feat. avatar </span> </div><h1>Pseudo</h1> <dl> <dt> Groupe </dt> <dd> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </dd> <dt> Âge </dt> <dd> Lorem ipsum dolor sit amet. </dd> <dt> Orientation sexuelle </dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> <dt> Statut civil </dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> <dt> Métier </dt> <dd> Lorem ipsum dolor sit amet consectetur. </dd> </dl> <div class="caractere-arte"> <h2>Il est comme ça</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>Mes attentes</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>Histoire</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>
Le Staff a écrit:
Pour rajouter un bloc de lien, il suffit de copier/coller ce code et de le rajouter après « <./.span.>.<./.div.>.<./.div.> ».
Code:
<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>