Codage et graphisme By Patou

<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Six+Caps" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">

<center>
<div style="background-image:url(https://zupimages.net/up/23/47/4tnx.gif); width: 600px; height: 880px; background-repeat: no-repeat; background-color:#;">
<div style="font-family: 'Shadows Into Light', cursive; color: #FFFFFF; font-size:35px; text-align:center; margin-top: 50px;margin-right: 0px;text-shadow: 1px 0 5px #00cc00; padding: 0px 30px; line-height: 100%;">Ici tu peux mettre ton titre, le titre peut être long en plus de ça</div>

<div style="font-family: 'Six Caps', sans-serif; color: #00cc00; font-size:25px; text-align:center; margin-top: -30px; text-shadow:1px 1px 5px #140800;">Feat. Machin 1 et Machin 2</div>

<div style= "padding: 10px; text-align: justify; font-family: 'Shadows Into Light', cursive; font-size: 16px; font-weight: bold; border-radius:5px; width:500px; height:620px; color: #ffffff; overflow-y: scroll; overflow-x: hidden;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In fermentum posuere urna nec tincidunt praesent semper feugiat nibh.

[center][color=#00cc00]"Vel pretium lectus quam id leo in vitae turpis massa. Maecenas ultricies mi eget mauris pharetra. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Porta nibh venenatis cras sed felis eget velit aliquet sagittis."[/color][/center]

Lectus urna duis convallis convallis tellus id. Mauris sit amet massa vitae tortor condimentum. Amet porttitor eget dolor morbi non arcu risus quis varius. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Integer vitae justo eget magna fermentum. Nunc faucibus a pellentesque sit amet.

Pellentesque nec nam aliquam sem et tortor consequat. Imperdiet proin fermentum leo vel orci porta non. Elementum nisi quis eleifend quam adipiscing vitae proin sagittis nisl. Tortor posuere ac ut consequat semper. Facilisis sed odio morbi quis commodo odio. Libero justo laoreet sit amet cursus sit. Aliquet sagittis id consectetur purus ut faucibus pulvinar.

Blandit turpis cursus in hac. Laoreet sit amet cursus sit amet dictum sit. At risus viverra adipiscing at in tellus. Elit ullamcorper dignissim cras tincidunt lobortis. Tincidunt nunc pulvinar sapien et. Consequat nisl vel pretium lectus quam id leo. Imperdiet sed euismod nisi porta lorem mollis aliquam. Mi in nulla posuere sollicitudin.

Auctor elit sed vulputate mi sit. Ac odio tempor orci dapibus ultrices. Neque volutpat ac tincidunt vitae semper quis lectus nulla. Cursus in hac habitasse platea. Etiam non quam lacus suspendisse faucibus interdum posuere. Volutpat commodo sed egestas egestas fringilla.

Quam elementum pulvinar etiam non quam lacus suspendisse. Vel risus commodo viverra maecenas accumsan lacus. Suspendisse sed nisi lacus sed viverra tellus in hac. Donec ultrices tincidunt arcu non sodales neque sodales ut. Vulputate enim nulla aliquet porttitor lacus luctus. Et tortor at risus viverra adipiscing at in tellus.

Turpis egestas integer eget aliquet nibh. In nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Aliquet nec ullamcorper sit amet. Ut diam quam nulla porttitor. Vitae auctor eu augue ut lectus arcu bibendum at. Dignissim cras tincidunt lobortis feugiat. Consequat interdum varius sit amet mattis. Nibh nisl condimentum id venenatis a condimentum vitae sapien. Velit sed ullamcorper morbi tincidunt ornare.

Purus in mollis nunc sed id semper risus. Urna nec tincidunt praesent semper feugiat nibh. Etiam dignissim diam quis enim.

[center][color=#00cc00]"Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Leo vel fringilla est ullamcorper eget nulla facilisi etiam. Nibh mauris cursus mattis molestie a. Luctus accumsan tortor posuere ac ut consequat semper viverra nam. Elementum nisi quis eleifend quam adipiscing."[/color][/center]

Enim nec dui nunc mattis enim ut tellus elementum sagittis. Fermentum dui faucibus in ornare quam viverra. At volutpat diam ut venenatis tellus in metus. A arcu cursus vitae congue mauris rhoncus. Molestie at elementum eu facilisis sed odio morbi quis. Malesuada fames ac turpis egestas. Velit ut tortor pretium viverra suspendisse potenti. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Velit scelerisque in dictum non consectetur.

</div>

<div style="text-align:center; color:#ffc3c4; font-size: 10px; font-style: italic; font-weight: bold; margin-top : -20px"></div>
</div></center>

[center][b][color=#ffc3c4]Commande pour  @"Morrigan Dumbledore"  -> Message RP[/color][/b][/center]


<div class="MorD_ficheRP"><!--
--><div class="MorD__titre">Titre, qui si tu le souhaites peut normalement être long!</div><!--
--><div class="MorD__rptxt">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est, laborum at, deleniti incidunt nulla pariatur, neque architecto quidem voluptatem delectus nisi quis nostrum voluptates aliquid dolores nemo enim assumenda corrupti voluptas. Fugit quis culpa voluptas itaque illum, iure rerum necessitatibus similique doloribus fugiat ducimus voluptatibus, nihil expedita nesciunt sit odit?

[b][color=#E19600]Molestias esse neque est. Maiores, aspernatur hic perferendis iusto similique vitae repellat veniam rerum ipsa? Similique id in facilis saepe fugit, ut veritatis esse? Expedita aperiam earum sint ex repellat ratione fugiat, dicta nemo veniam mollitia vero dolorum sequi quo nam, officiis modi obcaecati eum eaque beatae hic! Ut, eligendi![/color][/b]

Magnam fuga, inventore id ratione iure placeat tempore odit voluptates cum! Consequuntur nisi maxime sequi sit cum dolorem, necessitatibus doloribus rem quisquam ducimus consectetur eius officiis dolores repellat commodi alias vel omnis eveniet aliquid reiciendis in. Eveniet porro natus officiis vitae deleniti nam illo et. Praesentium dolor eveniet quibusdam nostrum?

[b][color=#E19600]Commodi quod dolorum doloremque et itaque vero nam neque deleniti. Repellendus dignissimos nulla nam recusandae repellat at pariatur culpa quo consequuntur possimus magnam totam cumque quas sed illum obcaecati fugit tempore, nobis labore. Natus harum voluptate porro non, dicta officia saepe ullam architecto, deserunt tempore commodi illo. Quae, dolore earum?[/color][/b]

Sed, facere esse exercitationem, iusto libero aperiam maxime veritatis itaque, soluta enim aspernatur. In, autem officiis. Perspiciatis labore ipsam amet quis explicabo. Magnam suscipit possimus eaque unde enim similique assumenda facilis quibusdam, eos odit, consequuntur illum rem omnis non fugit est, labore harum. Expedita numquam nostrum totam tempora maiores sequi?

Possimus officiis non perspiciatis eum sit ad voluptatibus voluptate assumenda, deleniti quae dolorum delectus magnam pariatur cumque quaerat sunt facilis mollitia porro molestiae eius sint optio? Voluptate repellat eaque eos similique quas facere distinctio. Neque saepe fugiat itaque earum sint dolorem unde. Cupiditate eos praesentium voluptate modi debitis? Rem, eos.

Autem voluptas nulla minus maxime qui aliquid molestiae alias exercitationem voluptatem eveniet distinctio eos soluta eligendi placeat recusandae cupiditate nobis, assumenda laudantium mollitia sint amet magnam odio at iste. Necessitatibus dolorum, ducimus aspernatur itaque velit officia rem, totam aut delectus laboriosam rerum, sequi labore excepturi earum. Quia officiis eius consectetur?

Tempore eaque ipsa necessitatibus hic animi nobis reprehenderit sed, tempora molestias adipisci dolore totam sapiente at saepe provident, doloremque repellendus, distinctio magnam? Aliquid veritatis quos, veniam accusantium repellat excepturi omnis? Ea nesciunt ab repellat sint nihil rerum, quis est! Incidunt tenetur deleniti vel eaque expedita odio architecto exercitationem maiores sapiente?
</div><div class="MorD__credits">.</div></div>

<!-- IMPORT POLICE --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fondamento&display=swap" rel="stylesheet"> <!-- DEBUT STYLE CSS --><style>.MorD_ficheRP {width: 600px ; height: 1000px; margin: auto; background: url('https://zupimages.net/up/23/48/5ovc.png') no-repeat top center; border-radius: 20px; border: 3px solid #6f1413; box-shadow:0px 0px 15px #eeba30; display: flex;flex-direction: column;} .MorD_ficheRP .MorD__titre {margin: 0 75px ; font-family: 'Fondamento', cursive; font-size: 35px ; color:#000000 ; text-align: center ; line-height: 1em; text-shadow: 0 0 10px #FFFFFF;padding:40px 0 65px;} .MorD_ficheRP .MorD__rptxt {flex:1;height:500px;background-color: none ; padding: 5px 12px 5px 12px ; margin: 0 75px ; font-family: 'EB Garamond', serif; font-size: 15px ; color: #710F03 ; text-align: justify ; overflow: auto ;}.MorD_ficheRP .MorD__credits {width: 600px ; font-family: 'Times New Roman', Times, serif ; font-size: 0.8em ; color: #FFFFFF ; text-align: center;padding: 90px 0 0px;} .MorD_ficheRP .MorD__credits a{color:#ffc3c4; font-size: 10px; font-weight: bold; font-style: italic;}</style><!-- FIN STYLE CSS -->

<link href="https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic|Playball' rel='stylesheet' type='text/css'>
<style> .bloc{width : 460px; padding : 15px; text-align : justify; background-color :none; border-radius : 5px;}.texte{font-family: 'Crimson Text', serif; color : #FFFFFF; font-size : 15px; text-align : justify}  </style>

<center><div style =" width : 550px; background-color : #292929; border: 5px solid #367c54;"><div style = "background-image: url('');">
<div class="icone"><img src="https://pa1.aminoapps.com/6634/6694de8bb62eec22660bdafb99fec43b90f96da3_hq.gif" style="width: 480px; border: solid 2px #367c54;"  /></div>
<div style ="text-align : center;  font-weight : bold ; font-size : 40px; font-size : 40px; text-shadow : 1px 1px 1px #367c54; letter-spacing :2px ; font-family: 'Sedgwick Ave', cursive; margin-top : -25px; color : #F2F2F1; line-height: 40px;">
Titre du RP, ton titre peut être long si tu le souhaites<span style = "text-align : center;  font-weight : bold ; font-size : 20px;letter-spacing : 0px ; font-family: 'Crimson Text', serif;" >
Feat Machin 1 et Machin 2 </span></div>
<div class = "bloc"><span class ="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem sed risus ultricies tristique. Malesuada nunc vel risus commodo. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Aliquam faucibus purus in massa tempor nec feugiat nisl. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin. Elit eget gravida cum sociis natoque penatibus. Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. Vel pretium lectus quam id. Ut venenatis tellus in metus. Orci eu lobortis elementum nibh tellus molestie nunc non blandit. Sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis. Ac turpis egestas maecenas pharetra convallis posuere morbi leo. Neque viverra justo nec ultrices dui sapien eget. Nunc pulvinar sapien et ligula ullamcorper. At urna condimentum mattis pellentesque. Nunc congue nisi vitae suscipit.

Tristique et egestas quis ipsum suspendisse ultrices gravida. Ornare massa eget egestas purus. Quis ipsum suspendisse ultrices gravida dictum fusce. Odio pellentesque diam volutpat commodo. Turpis egestas sed tempus urna et pharetra pharetra massa massa. Lectus urna duis convallis convallis tellus id interdum velit. Urna cursus eget nunc scelerisque. Lectus nulla at volutpat diam ut. Bibendum est ultricies integer quis auctor elit sed. Condimentum id venenatis a condimentum vitae sapien pellentesque. Cursus in hac habitasse platea dictumst quisque sagittis purus sit. Lectus urna duis convallis convallis tellus id interdum. Eu augue ut lectus arcu bibendum at varius vel pharetra.

Interdum velit laoreet id donec ultrices tincidunt arcu. Dui id ornare arcu odio ut sem. Cras tincidunt lobortis feugiat vivamus. Faucibus nisl tincidunt eget nullam non nisi est. Tincidunt dui ut ornare lectus sit. Dictum non consectetur a erat nam. Integer eget aliquet nibh praesent tristique magna sit amet purus. Dui id ornare arcu odio ut sem nulla pharetra. Lorem ipsum dolor sit amet consectetur adipiscing elit ut. Vestibulum sed arcu non odio euismod. Etiam tempor orci eu lobortis elementum nibh. Nunc id cursus metus aliquam eleifend mi in. Tortor aliquam nulla facilisi cras fermentum. Sit amet consectetur adipiscing elit. Magna eget est lorem ipsum dolor sit amet consectetur adipiscing. Tincidunt dui ut ornare lectus sit amet est. Vel facilisis volutpat est velit. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris. In nisl nisi scelerisque eu. Leo duis ut diam quam nulla porttitor massa id.
</span></div>

</div></div></center>