Messages : 304
Date d'inscription : 17/03/2021
Messages : 304
Date d'inscription : 17/03/2021
Modèle de fiche de liens (facultatif)
Nom & Prénom
- Code:
<div class="ficheLien"><div class="headerLien"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><p>Nom & Prénom</p></div><div class="bannerLien"><img src="https://www.aht.li/3771716/Mask_group_2.png"/></div>
<div class="contentLien"><div class="ScenarioLien"><div class="titreScenar">Scénario recherché</div><div class="contentScenar">
<div><span>Scénario 1</span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin risus vitae nisi tempus, ut imperdiet nulla tincidunt. </div>
<div><span>Scénario 1</span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin risus vitae nisi tempus, ut imperdiet nulla tincidunt. </div>
</div></div><div class="Infolien">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin risus vitae nisi tempus, ut imperdiet nulla tincidunt. Curabitur vitae lectus ut diam placerat porttitor. Nulla vehicula ex sit amet metus tincidunt tincidunt. Proin semper lacus sed velit rutrum, sit amet aliquet erat pharetra. Phasellus sit amet augue non tellus venenatis lobortis ac interdum lorem. </div></div>
<div class="partieLienLast"><div class="otherCompte"><div class="titreCompte">Mes autres comptes</div><div class="ImagCompte"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/></div></div>
<div class="GaleryLien"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/></div></div>
</div>
Messages : 304
Date d'inscription : 17/03/2021
Messages : 304
Date d'inscription : 17/03/2021
Re: Modèle de fiche de liens (facultatif)
Ma fiche de relation
- Code:
<style>.ficheLien{width: 650px; height: auto; background-color: var(--bgwhite); margin: auto; padding-bottom: 30px;} .ficheLien br{display:none;} .headerLien{background-color: var(--bg-color-switch); padding: 20px; position: relative;} .headerLien img{width: 100px; height: 100px; border-radius: 100px; border: 5px solid var(--bg-color-switch); position: absolute; margin-left: 50px; margin-top: -10px;} .headerLien p{margin-bottom: 0px; text-align: right; margin-right: 50px; font-size: 20px; font-family: 'Lobster', cursive!important; color: white;} .bannerLien{height: 170px; width: 650px;}</style>
<div class="ficheLien"><div class="headerLien"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><p>Ma fiche de relation</p></div><div class="bannerLien"><img src="https://www.aht.li/3771716/Mask_group_2.png"/></div>
<div class="contentLienL"><div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
<div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
<div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
<div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
<div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
<div class="BlocLien"><div class="NPBloc">Nom & Prénom</div><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><div class="BlocContent">Ecrire ici</div><div class="NomRelaB"> Nom relation</div></div>
</div></div></div>
Messages : 304
Date d'inscription : 17/03/2021
Messages : 304
Date d'inscription : 17/03/2021
Re: Modèle de fiche de liens (facultatif)
Ma fiche de Rps
- Code:
<style>.ficheLien{width: 650px; height: auto; background-color: var(--bgwhite); margin: auto; padding-bottom: 30px;} .ficheLien br{display:none;} .headerLien{background-color: var(--bg-color-switch); padding: 20px; position: relative;} .headerLien img{width: 100px; height: 100px; border-radius: 100px; border: 5px solid var(--bg-color-switch); position: absolute; margin-left: 50px; margin-top: -10px;} .headerLien p{margin-bottom: 0px; text-align: right; margin-right: 50px; font-size: 20px; font-family: 'Lobster', cursive!important; color: white;} .bannerLien{height: 170px; width: 650px;} .RpLigne{width: 580px; margin-left: 20px; background-color: white; height: 300px; border-radius: 28px; margin-bottom: 20px;} .HeaderRP{border-radius: 0px 28px 28px 0px; background-color: var(--bg-color-switch); padding: 15px; font-family: 'Josefin Sans',sans-serif; font-size: 15px; color:white;} .ContentLRP{padding: 15px; height: 240px; overflow: auto;} .RpL{display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bg-color-switch); margin-bottom: 7px;} .RpL p{margin: 0; color: black; font-size: 13px;} .RpL a{color: var(--bg-color-switch); padding: 5px;}</style>
<div class="ficheLien"><div class="headerLien"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><p>Ma fiche de Rps</p></div><div class="bannerLien"><img src="https://www.aht.li/3771716/Mask_group_2.png"/></div>
<div class="contentLienRP"><div class="RpLigne"><div class="HeaderRP">Mes rps en cours</div>
<div class="ContentLRP"><div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div></div></div>
<div class="RpLigne"><div class="HeaderRP">Mes rps terminé</div>
<div class="ContentLRP"><div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div></div></div>
<div class="RpLigne"><div class="HeaderRP">Mes rps abandonnés</div>
<div class="ContentLRP"><div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div>
<div class="RpL"><p>Nom du rp - Feat xxx</p><a href="#">WWW</a></div></div></div></div>
</div>
Messages : 304
Date d'inscription : 17/03/2021
Messages : 304
Date d'inscription : 17/03/2021
Re: Modèle de fiche de liens (facultatif)
Ma fiche chronologique
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Nom du Rp en question
- Code:
<style>.contentChrono{display: flex; flex-direction: column; width: 100%;} .contentChrono:before{content:' '; height: 770px; border: solid 1px var(--bg-color-switch); position: absolute; margin-left: 320px;} .contentChrono p{margin: 0!important;} .GaucheChrono{width: 300px; text-align: right; position: relative; margin-top: 20px;} .TitreChrono{font-family: 'poppins'; font-size: 24px; font-weight: 500; color: var(--bg-color-switch); margin-left: 13px; margin-right: 8px;} .GaucheChrono:before{content: ' '; display: block; width: 40px; height: 40px; background-color: var(--BGsujet); border-radius: 100px; position: absolute; right: -42px; top: -7px; border: 5px solid var(--bg-color-switch);} .ContentGChrono{margin-left: 50px; text-align: left;} .ContentDChrono{margin-left:16px;} .ContentGChrono p, .ContentDChrono p{font-size:12px;} .DroiteChrono{display: flex; flex-direction: column; width: 280px; text-align: left; place-self: flex-end; margin-right: 30px; position: relative; margin-top: 30px;} .DroiteChrono:before{content: ' '; display: block; width: 40px; height: 40px; background-color: var(--BGsujet); border-radius: 100px; position: absolute; left:-39px; top: -7px; border: 5px solid var(--bg-color-switch);}</style>
<div class="ficheLien"><div class="headerLien"><img src="https://i.pinimg.com/564x/f3/a4/28/f3a42878a58cfa7aca893052eeb0ef34.jpg"/><p>Ma fiche chronologique</p></div><div class="bannerLien"><img src="https://www.aht.li/3771716/Mask_group_2.png"/></div>
<div class="contentChrono"><div class="GaucheChrono"><div class="TitreChrono">Janvier 2023</div><div class="ContentGChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
<div class="DroiteChrono"><div class="TitreChrono">Février 2023</div><div class="ContentDChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
<div class="GaucheChrono"><div class="TitreChrono">Mars 2023</div><div class="ContentGChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
<div class="DroiteChrono"><div class="TitreChrono">Avril 2023</div><div class="ContentDChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
<div class="GaucheChrono"><div class="TitreChrono">Mai 2023</div><div class="ContentGChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
<div class="DroiteChrono"><div class="TitreChrono">Juin 2023</div><div class="ContentDChrono">
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p>
<p>- Nom du Rp en question</p></div></div>
</div></div>
Réponse rapide
|
|