Je laisse à votre disposition mes fiches de RP, n'hésitez pas à les utiliser elles sont faites pour ça
Première fiche :
UN TITRE UN PEU LONG ft. NOM
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Code:
<div class="lunyrp"><div class="lunyheader"><img src="LE LIEN DE TON IMAGE EN 598x278"/></div></div><div class="titrerp"><h1 class="trait">LE TITRE ICI ft. NOM</h1> </div><div class="contentrp"><div class="contentrptexte"><p> LE TEXTE DU RP ICI (Ne déplace rien sinon ça va tout casser) </p></div></div><div class="lunyfooter"><a href="https://codepen.io/Lunyx"><h2 class="trait">:copyright: LUNYX</h2></a></div><link href="https://codepen.io/Lunyx/pen/rNMQRZX" rel="stylesheet"><style>.lunyrp{width:600px;margin:auto;box-sizing:border-box;}.lunyheader{height:280px;box-sizing:border-box;border:1px solid #ccc;}.lunyheader img{width:100%;height:100%;}.titrerp{width:618px;height:20px;margin:auto;margin-bottom:-10px;}.titrerp h1{font-size:16px;color:#ccc;}.trait{align-items:center;display:flex;text-align:center;}.trait::before,.trait::after{border-top:2px solid;content:"";flex:1;margin:8px;}.contentrp{height:auto;width:600px;border:1px solid #ccc;background-color:#fff;margin:auto;margin-top:15px;line-height:1.5;}.contentrptexte{padding:50px;padding-top:1px;padding-bottom:20px;}p{font-size:13px;text-align:justify;}.lunyfooter{width:618px;margin:auto;margin-top:-8px;padding-bottom:20px;}.lunyfooter h2{text-align:center;font-size:11px;color:#ccc;}.lunyfooter a{text-decoration:none!important;color:#ccc;}</style>
Deuxième fiche :
FEAT. MOI • 28 Mars 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed justo metus, finibus quis mollis ut, volutpat ut dui. Sed ultrices, metus non dapibus viverra, nibh nulla venenatis nisi, sit amet efficitur magna leo ac nisl. Praesent facilisis lacus eget nunc tristique ultrices. Mauris gravida, nulla vitae aliquam ultrices, ligula purus imperdiet ipsum, a convallis arcu nisi ac tortor. Morbi ultrices rutrum sem lobortis sollicitudin. Donec vel ipsum blandit metus tempus ultrices. Etiam sed velit quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Sed viverra ligula sit amet purus lacinia bibendum. Suspendisse sit amet convallis lorem, sit amet ornare turpis. Sed purus dui, pellentesque malesuada lacinia quis, tempus et ante.Donec nisi leo, vulputate in maximus eget, tempor vel risus. Quisque et ligula ut nisl faucibus interdum. Pellentesque nec mattis eros, eget congue felis. Nullam sit amet aliquam ante, ut imperdiet ipsum. Nam sodales mauris non augue placerat interdum. Etiam at luctus urna. Cras placerat odio non neque feugiat tempus. Fusce auctor ipsum quam, at euismod mi imperdiet id. Suspendisse facilisis eros ac leo dapibus, sed tempor tortor facilisis. Vivamus bibendum, sem quis lobortis luctus, purus felis pellentesque lectus, sed dictum risus purus quis risus. Phasellus eleifend ex augue, at consectetur augue consectetur id. Aliquam ornare enim turpis. Vestibulum auctor tempor elit, non ornare arcu fermentum eget. Cras faucibus tortor a erat pharetra cursus. Ut dictum diam massa, et mattis ligula tincidunt eget. Proin et libero nec libero feugiat luctus.Nullam quam dui, luctus venenatis elementum at, euismod quis tortor. Maecenas porttitor auctor eros sed pretium. Suspendisse a justo aliquam, egestas eros nec, malesuada ante. Nunc sed mi vel velit tempus ultricies nec in quam. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus tellus sit amet elementum mollis. Cras porttitor suscipit hendrerit.Proin convallis, lorem ac malesuada cursus, est nulla imperdiet quam, gravida rhoncus felis nisi eget libero. Maecenas at imperdiet turpis, et fermentum elit. Duis accumsan bibendum tempor. Donec ut augue eget erat cursus volutpat. Fusce id varius enim, ut tincidunt neque. Nunc fermentum congue tortor sed scelerisque. Nam imperdiet dignissim iaculis. Morbi blandit vitae risus nec congue.Proin aliquam, ligula id interdum pretium, velit metus pellentesque eros, nec viverra tellus purus bibendum ligula. Vivamus efficitur quam in congue tincidunt. Fusce convallis, sem eu dignissim convallis, lacus lorem venenatis justo, et blandit ante augue in urna. Nullam tincidunt nisl cursus laoreet euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum hendrerit nec odio eleifend molestie. Fusce posuere placerat sodales. Maecenas quis erat ipsum. Nulla luctus risus sit amet odio semper convallis. Sed laoreet ac risus ut consequat. Nam sit amet nunc suscipit, blandit arcu posuere, varius urna. Mauris egestas nunc non ligula efficitur, non euismod libero elementum. Mauris vulputate augue nec dignissim feugiat. Donec sem est, tincidunt eu tempus ut, lacinia rhoncus arcu. Duis non diam ac urna dapibus fermentum.
Accueil
LUNYX
