Accueil
Na&Na
Jeu 25 Aoû 2022 - 21:21
Titre du rp
suite du titre
Feat ton partenaire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet risus sit amet ante varius, malesuada aliquam sapien ullamcorper. Fusce placerat vestibulum viverra. Curabitur sollicitudin orci vitae laoreet dictum. Nulla ipsum nisi, facilisis non luctus eu, lobortis sit amet enim. Integer tempus, nunc ut luctus bibendum, ligula quam ultrices libero, id hendrerit odio enim non mauris. Curabitur mattis mollis diam. Aliquam elementum quam eu justo accumsan fermentum. In hac habitasse platea dictumst. Pellentesque fermentum neque vitae facilisis lacinia. Cras pretium, odio in sollicitudin consequat, dolor neque finibus eros, id dictum erat ipsum et nunc. Duis eu auctor erat, at semper mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed tristique venenatis quam, at aliquam nunc eleifend nec. Suspendisse eu malesuada tellus.
Cras aliquet dui sed sodales interdum. Morbi et gravida libero. Etiam convallis metus ac nunc rhoncus gravida. Etiam velit nulla, dignissim id ultricies vitae, hendrerit id risus. Aliquam consequat orci sed elit cursus, ac facilisis dolor malesuada. Etiam sit amet nunc venenatis, sollicitudin ante sed, venenatis diam. Curabitur nec vestibulum odio. Donec vel porttitor eros. Praesent egestas mi sit amet ornare posuere. Nulla blandit arcu ex, vitae tristique nibh sodales eu. Praesent fringilla nec mi blandit egestas. In hac habitasse platea dictumst. Duis suscipit sem in posuere pulvinar. Quisque congue sit amet augue ut pretium. Donec eu ullamcorper dui. Mauris vestibulum est dolor, non rutrum augue bibendum ac.
Proin ac velit aliquet, porttitor nisi ut, malesuada neque. Fusce condimentum, dui id tincidunt pharetra, ligula lorem scelerisque neque, ac gravida leo lorem in urna. In vel arcu ut justo cursus dapibus non sit amet est. Mauris a mollis ex. Sed dignissim dolor orci, vel consectetur dui suscipit quis. Cras finibus neque nec hendrerit condimentum. In porttitor, lectus vel consectetur luctus, ligula felis bibendum lectus, eget semper eros nulla in augue. Nullam neque nunc, laoreet in varius eget, egestas ut urna. Mauris ornare arcu tellus, sit amet laoreet dui molestie nec.
Cras aliquet dui sed sodales interdum. Morbi et gravida libero. Etiam convallis metus ac nunc rhoncus gravida. Etiam velit nulla, dignissim id ultricies vitae, hendrerit id risus. Aliquam consequat orci sed elit cursus, ac facilisis dolor malesuada. Etiam sit amet nunc venenatis, sollicitudin ante sed, venenatis diam. Curabitur nec vestibulum odio. Donec vel porttitor eros. Praesent egestas mi sit amet ornare posuere. Nulla blandit arcu ex, vitae tristique nibh sodales eu. Praesent fringilla nec mi blandit egestas. In hac habitasse platea dictumst. Duis suscipit sem in posuere pulvinar. Quisque congue sit amet augue ut pretium. Donec eu ullamcorper dui. Mauris vestibulum est dolor, non rutrum augue bibendum ac.
«Lorem ipsum dolor sit amet, consectetur adipiscing elit.»
Proin ac velit aliquet, porttitor nisi ut, malesuada neque. Fusce condimentum, dui id tincidunt pharetra, ligula lorem scelerisque neque, ac gravida leo lorem in urna. In vel arcu ut justo cursus dapibus non sit amet est. Mauris a mollis ex. Sed dignissim dolor orci, vel consectetur dui suscipit quis. Cras finibus neque nec hendrerit condimentum. In porttitor, lectus vel consectetur luctus, ligula felis bibendum lectus, eget semper eros nulla in augue. Nullam neque nunc, laoreet in varius eget, egestas ut urna. Mauris ornare arcu tellus, sit amet laoreet dui molestie nec.
- Code:
<style>@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap');@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');.ficheRp{width:600px;}.enteteRp{width: 600px;height:100px;background-image:linear-gradient(#caa1d0,#795177); margin:auto;}.enteteRp h1{position:relative;left:350px;color:#fff;border-bottom:none;font-family: 'Quicksand', sans-serif;transform:rotate(-2deg);}.enteteRp h2{position:relative;left:350px;color:#fff;border-bottom:none;bottom:45px;font-family: 'Grand Hotel', cursive;transform:rotate(-2deg);text-transform:none;font-size:25px;}.feat{color:#fff;position:relative;bottom:80px; left:10px;font-family: 'Grand Hotel', cursive;font-size:25px;}.feat:hover{letter-spacing:1px;}.imageRp{width:600px;height:220px;border-bottom: 5px #795177 solid;border-top: 5px #fff solid;position:relative;top:-20px;}.fondRp{background-color:#fff;width:600px;position:relative;top:-20px;padding:15px;font-weight:bold;color: #000;border-bottom:5px #795177 solid;text-align:justify;font-family: 'Quicksand', sans-serif;}.premiereLettre{font-size:30px;padding:8px;}.credit{text-transform:uppercase;font-family: 'Quicksand';font-size:11px;text-align:center;color: #000;margin-top:-30px}.imageDisc{float:left;width:70px;height:70px;}.imageDisc:hover{filter: grayscale(100%);}.discussionPerso{color:#000;height:70px;}.parole{position:relative;left: 10px;top: 5px;font-size:13px;font-weight:600;}.content p{font-size:1.3rem;line-height:1.3846;font-family:'Quicksand', sans-serif;}</style>
<div class="ficheRp">
<div class="enteteRp">
<h1>Titre du rp</h1>
<h2>suite du titre</h2><div class="feat">Feat ton partenaire</div></div>
<img class="imageRp" src="https://zupimages.net/up/20/16/hjr1.png"/>
<div class="fondRp"><strong class="premiereLettre">L</strong>orem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet risus sit amet ante varius, malesuada aliquam sapien ullamcorper. Fusce placerat vestibulum viverra. Curabitur sollicitudin orci vitae laoreet dictum. Nulla ipsum nisi, facilisis non luctus eu, lobortis sit amet enim. Integer tempus, nunc ut luctus bibendum, ligula quam ultrices libero, id hendrerit odio enim non mauris. Curabitur mattis mollis diam. Aliquam elementum quam eu justo accumsan fermentum. In hac habitasse platea dictumst. Pellentesque fermentum neque vitae facilisis lacinia. Cras pretium, odio in sollicitudin consequat, dolor neque finibus eros, id dictum erat ipsum et nunc. Duis eu auctor erat, at semper mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed tristique venenatis quam, at aliquam nunc eleifend nec. Suspendisse eu malesuada tellus.
Cras aliquet dui sed sodales interdum. Morbi et gravida libero. Etiam convallis metus ac nunc rhoncus gravida. Etiam velit nulla, dignissim id ultricies vitae, hendrerit id risus. Aliquam consequat orci sed elit cursus, ac facilisis dolor malesuada. Etiam sit amet nunc venenatis, sollicitudin ante sed, venenatis diam. Curabitur nec vestibulum odio. Donec vel porttitor eros. Praesent egestas mi sit amet ornare posuere. Nulla blandit arcu ex, vitae tristique nibh sodales eu. Praesent fringilla nec mi blandit egestas. In hac habitasse platea dictumst. Duis suscipit sem in posuere pulvinar. Quisque congue sit amet augue ut pretium. Donec eu ullamcorper dui. Mauris vestibulum est dolor, non rutrum augue bibendum ac.
<div class="discussionPerso"><div class="imageDisc" style="background-image: url(https://zupimages.net/up/20/16/ebhp.png)"></div><p class="parole">«Lorem ipsum dolor sit amet, consectetur adipiscing elit.»</p></div>
Proin ac velit aliquet, porttitor nisi ut, malesuada neque. Fusce condimentum, dui id tincidunt pharetra, ligula lorem scelerisque neque, ac gravida leo lorem in urna. In vel arcu ut justo cursus dapibus non sit amet est. Mauris a mollis ex. Sed dignissim dolor orci, vel consectetur dui suscipit quis. Cras finibus neque nec hendrerit condimentum. In porttitor, lectus vel consectetur luctus, ligula felis bibendum lectus, eget semper eros nulla in augue. Nullam neque nunc, laoreet in varius eget, egestas ut urna. Mauris ornare arcu tellus, sit amet laoreet dui molestie nec.
</div>
<div class="credit"><a href="https://pisrale.forumactif.com/">Ⓒ Na&Na</a></div>
</div>
|
|
|
