Voici un petit code RP tout simple, il y a deux version, une version sombre et une version claire.
Version sombre :
Code:
<style>.fullCodeLS1 .CodeLS1{margin:0 auto;box-sizing:border-box}.CodeLS1{width:500px;background:#151515}.CodeLS1 header{padding:20px 40px;text-align:center}.ttl1LS1{font-family:'Bebas Neue',cursive;font-size:40px;padding:40px 40px 10px 20px;text-align:center;text-rendering:optimizeLegibility;color:#7b7b7b;background-color:#111;letter-spacing:.06em;text-shadow:4px 4px 0 #111,6px 6px 0 #2c2c2c}.CodeLS1 h2{color:#7b7b7b;text-shadow:none;font-family:roboto;font-size:14px;padding:0;margin-top:15px}.LS1img{width:500px}.LS1RP{padding:30px}.LS1RP p{color:#7b7b7b;font-family:roboto;font-size:14px;text-align:justify}.creditsSnow{font-family:roboto,cursive;font-size:12px;text-align:right;width:500px;margin:10px auto 0}</style><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=Bebas+Neue&family=Roboto&display=swap" rel="stylesheet"><div class="fullCodeLS1"><div class="CodeLS1"><div class="ttl1LS1">Titre du RP<h2>feat Pseudo</h2></div><!--IMAGE--><img src="https://via.placeholder.com/500x150" class="LS1img"><!--FIN IMAGE--><div class="LS1RP"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur sodales nibh, non varius dui pharetra eget. Phasellus blandit fringilla nibh, vel bibendum eros dignissim vitae. In facilisis viverra ligula et fringilla. Nulla in interdum enim. Proin sodales sed ex nec sollicitudin. Nulla vitae orci maximus, ultrices nulla id, venenatis turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas elementum, arcu quis tincidunt hendrerit, sem mi euismod magna, in tincidunt leo nibh sed risus. Donec non nulla metus. Proin non est id arcu sodales eleifend id sit amet dui. Vivamus auctor metus ac magna convallis bibendum eu quis sem. Vivamus rhoncus placerat nunc nec porta. Nunc cursus at mi feugiat vestibulum. Sed quis sem a neque viverra commodo sed quis velit. Aliquam faucibus ac magna quis iaculis. Aliquam ac est nunc. Donec suscipit vulputate dolor, ut convallis erat volutpat a. Donec vitae purus justo. Donec sollicitudin eros risus, rhoncus varius lectus semper vel. Pellentesque consequat nisi in dui scelerisque consequat. Maecenas sit amet nisl ligula. Mauris non laoreet elit.
In eget placerat quam. Vivamus rutrum nisl felis, vel pellentesque arcu posuere sit amet. Suspendisse ultricies purus ac enim euismod, ac molestie dui dapibus. Proin ac sodales sem. Sed faucibus mi felis. Fusce posuere sit amet erat vel iaculis. Donec pharetra lectus ex, ut accumsan mauris sagittis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div></div><div class="creditsSnow">(c) Snow</div></div>
Version claire :
Code:
<style>.fullCodeLS1 .CodeLS1{margin:0 auto;box-sizing:border-box}.CodeLS1{width:500px;background:#151515}.CodeLS1 header{padding:20px 40px;text-align:center}.ttl1LS1light{font-family:'Bebas Neue',cursive;font-size:40px;padding:40px 40px 10px 20px;text-align:center;text-rendering:optimizeLegibility;color:#6e6e6e;background-color:#e1e1e1;letter-spacing:.06em;text-shadow:4px 4px 0 #e1e1e1,6px 6px 0 #b3b3b3}.CodeLS1 h2{color:#7b7b7b;text-shadow:none;font-family:roboto;font-size:14px;padding:0;margin-top:15px}.LS1img{width:500px}.LS1RP{padding:30px}.LS1RP p{color:#7b7b7b;font-family:roboto;font-size:14px;text-align:justify}.creditsSnow{font-family:roboto,cursive;font-size:12px;text-align:right;width:500px;margin:10px auto 0}.light{background-color: #ebebeb!important; color: black;}</style><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=Bebas+Neue&family=Roboto&display=swap" rel="stylesheet"><div class="fullCodeLS1"><div class="CodeLS1 light"><div class="ttl1LS1light">Titre du RP<h2>feat Pseudo</h2></div><!--IMAGE--><img src="https://via.placeholder.com/500x150" class="LS1img"><!--FIN IMAGE--><div class="LS1RP light"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur sodales nibh, non varius dui pharetra eget. Phasellus blandit fringilla nibh, vel bibendum eros dignissim vitae. In facilisis viverra ligula et fringilla. Nulla in interdum enim. Proin sodales sed ex nec sollicitudin. Nulla vitae orci maximus, ultrices nulla id, venenatis turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas elementum, arcu quis tincidunt hendrerit, sem mi euismod magna, in tincidunt leo nibh sed risus. Donec non nulla metus. Proin non est id arcu sodales eleifend id sit amet dui. Vivamus auctor metus ac magna convallis bibendum eu quis sem. Vivamus rhoncus placerat nunc nec porta. Nunc cursus at mi feugiat vestibulum. Sed quis sem a neque viverra commodo sed quis velit. Aliquam faucibus ac magna quis iaculis. Aliquam ac est nunc. Donec suscipit vulputate dolor, ut convallis erat volutpat a. Donec vitae purus justo. Donec sollicitudin eros risus, rhoncus varius lectus semper vel. Pellentesque consequat nisi in dui scelerisque consequat. Maecenas sit amet nisl ligula. Mauris non laoreet elit.
In eget placerat quam. Vivamus rutrum nisl felis, vel pellentesque arcu posuere sit amet. Suspendisse ultricies purus ac enim euismod, ac molestie dui dapibus. Proin ac sodales sem. Sed faucibus mi felis. Fusce posuere sit amet erat vel iaculis. Donec pharetra lectus ex, ut accumsan mauris sagittis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div></div><div class="creditsSnow">(c) Snow</div></div>
Si vous voulez retirer l'image il vous suffit de supprimer cette partie du code :
Si vous avez le moindre souci avec ce code, n'hésitez pas à poster à la suite du sujet o/
Titre du RP
feat Pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur sodales nibh, non varius dui pharetra eget. Phasellus blandit fringilla nibh, vel bibendum eros dignissim vitae. In facilisis viverra ligula et fringilla. Nulla in interdum enim. Proin sodales sed ex nec sollicitudin. Nulla vitae orci maximus, ultrices nulla id, venenatis turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas elementum, arcu quis tincidunt hendrerit, sem mi euismod magna, in tincidunt leo nibh sed risus. Donec non nulla metus. Proin non est id arcu sodales eleifend id sit amet dui. Vivamus auctor metus ac magna convallis bibendum eu quis sem. Vivamus rhoncus placerat nunc nec porta. Nunc cursus at mi feugiat vestibulum. Sed quis sem a neque viverra commodo sed quis velit. Aliquam faucibus ac magna quis iaculis. Aliquam ac est nunc. Donec suscipit vulputate dolor, ut convallis erat volutpat a. Donec vitae purus justo. Donec sollicitudin eros risus, rhoncus varius lectus semper vel. Pellentesque consequat nisi in dui scelerisque consequat. Maecenas sit amet nisl ligula. Mauris non laoreet elit.
In eget placerat quam. Vivamus rutrum nisl felis, vel pellentesque arcu posuere sit amet. Suspendisse ultricies purus ac enim euismod, ac molestie dui dapibus. Proin ac sodales sem. Sed faucibus mi felis. Fusce posuere sit amet erat vel iaculis. Donec pharetra lectus ex, ut accumsan mauris sagittis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
(c) Snow
Titre du RP
feat Pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur sodales nibh, non varius dui pharetra eget. Phasellus blandit fringilla nibh, vel bibendum eros dignissim vitae. In facilisis viverra ligula et fringilla. Nulla in interdum enim. Proin sodales sed ex nec sollicitudin. Nulla vitae orci maximus, ultrices nulla id, venenatis turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas elementum, arcu quis tincidunt hendrerit, sem mi euismod magna, in tincidunt leo nibh sed risus. Donec non nulla metus. Proin non est id arcu sodales eleifend id sit amet dui. Vivamus auctor metus ac magna convallis bibendum eu quis sem. Vivamus rhoncus placerat nunc nec porta. Nunc cursus at mi feugiat vestibulum. Sed quis sem a neque viverra commodo sed quis velit. Aliquam faucibus ac magna quis iaculis. Aliquam ac est nunc. Donec suscipit vulputate dolor, ut convallis erat volutpat a. Donec vitae purus justo. Donec sollicitudin eros risus, rhoncus varius lectus semper vel. Pellentesque consequat nisi in dui scelerisque consequat. Maecenas sit amet nisl ligula. Mauris non laoreet elit.
In eget placerat quam. Vivamus rutrum nisl felis, vel pellentesque arcu posuere sit amet. Suspendisse ultricies purus ac enim euismod, ac molestie dui dapibus. Proin ac sodales sem. Sed faucibus mi felis. Fusce posuere sit amet erat vel iaculis. Donec pharetra lectus ex, ut accumsan mauris sagittis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.