Staffesses
Profil
Messages : 4800Feuille de Perso
Carte D'identité
Age: 25 ans
Race: Démone
Emploi : Propriétaire et vendeuse chez V&SNana Velia
Modèle d'une fiche de demande de prè-lien (pas obligatoire)
Prenom P. Nom
Je suis...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
- Code:
<style>#fiche_lien{font:11px Roboto,sans-serif;color:#f7f7f7;background-color:#75a3e8;border:5px solid #7a7e95;width:650px;min-height:720px;padding:24px 5px 5px;box-sizing:border-box;margin:auto;}#fiche_lien {box-sizing:initial}#fiche_lien br{display:none}#fiche_lien p br,.infobulle_fiche > div{display:block}#fiche_header{display:flex;flex-flow:wrap}#title_fiche{background-color:#7a7e95;color:#f7f7f7;font:30px Merienda,sans-serif;text-transform:uppercase;height:52px;width:100%;padding-right:65px;text-align:right;line-height:52px}#subtitle_fiche{border-bottom:1px solid #7a7e95;width:100%;font:30px Merienda,sans-serif;color:#7a7e95;padding:19px 0 0 252px;line-height:24px}#avatar_fiche{width:221px;height:333px;overflow:hidden;border:2px solid #7a7e95;outline:1px solid #7a7e95;outline-offset:2px;margin:-107px 0 0 13px}#avatar_fiche img{height:333px;max-width:none}#fiche_header p{width:358px;height:65px;text-align:justify;overflow:auto;font:11px Roboto,sans-serif;background-color:#f7f7f7;color:#7a7e95;padding:10px;box-sizing:border-box!important;line-height:11px;margin:5px auto}.img_fiche{outline:2px solid #7a7e95;outline-offset:3px;margin:12px 19px 0 22px;width:89px;height:89px}.onglets{margin-top:-33px;text-align:right;padding:0 10px} .title_onglet,#contenu{width:100%;margin: 10px 0 0 0;display: flex;flex-flow: wrap;align-items: center;}#contenu .title_onglet{margin-bottom:7px;width:100%}.title_onglet{font:18px Merienda,sans-serif;background-color:#7a7e95;letter-spacing:1px;height:47px;padding-left:35px;line-height:47px;margin-bottom:24px;color:#f7f7f7!important}#contenu > img{height:64px;width:130px;outline:2px solid #7a7e95;outline-offset:3px;margin:5px}#contenu p{ width: 278px; height: 74px; text-align: justify; background-color: #7a7e95; font: 9px Roboto,sans-serif; padding: 10px 13px; box-sizing: border-box!important; overflow: auto; line-height: 13px; margin: 3px 0; color: #f7f7f7!important;}.title_onglet,#contenu .title_onglet{margin-bottom:7px;width:100%}.search_fiche{width:232px;text-align:center;color:#7a7e95}.search_fiche div:first-child{background-color:#f7f7f7;height:46px;line-height:46px;font-size:20px}.search_fiche div:last-child{background-color:#f7f7f7;height:24px;line-height:24px;margin-top:4px;font-size:15px}#credits_fiche{text-align:center;font:9px Roboto,sans-serif;color:#7a7e95;font-style:italic}#credits_fiche a{color:#7a7e95;text-decoration:none}</style>
<div id="fiche_lien">
<div id="fiche_header">
<span id="title_fiche">Prenom P. Nom</span>
<span id="subtitle_fiche">Je suis...</span>
<div id="avatar_fiche" style="background:url(https://via.placeholder.com/200x300);background-position: 50%;background-size:cover;"></div>
<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<img src="https://i.imgur.com/RHa2x6n.png" class="img_fiche" />
<img src="https://i.imgur.com/RHa2x6n.png" class="img_fiche" />
<img src="https://i.imgur.com/RHa2x6n.png" class="img_fiche" /></div>
<div id="contenu">
<div class="title_onglet">Descriptions en tout genre !</div>
<div class="search_fiche"><div>Je recherche...</div><div>Avec xxx participants</div></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p>
<img src="https://i.imgur.com/JZKZ8wQ.png" />
<img src="https://i.imgur.com/JZKZ8wQ.png" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p>
<div class="search_fiche"><div>Je recherche...</div><div>Avec xxx participants</div></div>
<div class="search_fiche"><div>Je recherche...</div><div>Avec xxx participants</div></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p>
<img src="https://i.imgur.com/JZKZ8wQ.png" />
<img src="https://i.imgur.com/JZKZ8wQ.png" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p>
<div class="search_fiche"><div>Je recherche...</div><div>Avec xxx participants</div>
</div></div></div></div><div id="credits_fiche">fiche codée par <a href="http://www.epicode-entraide.com/" target="_blank">sunhae & sherlock </a></div>