Ici, vous trouverez quelques codes en libre-service pour vos RPs. Si vous ne trouvez pas de code ou que vous n’êtes pas doué en HTML, c’est pour vous c’est gratuit !
Aperçus :
« Après avoir frôlé l'annihilation de la main des Abysses, la vaillante cité de Havrecœur s'érige comme ultime foyer d'une humanité meurtrie. Cent ans après la catastrophe, incarnez la nouvelle génération sur qui repose le destin du monde d'Avalon et ramenez l'Ordre. Explorez les terres, faites fleurir l'espoir et combattez le mal jusqu'à sa racine. Mais prenez garde, car dans l'ombre attend patiemment le Chaos, à l'abris derrière les secrets de naguère. Choisissez qui de l'épée, du livre ou du bouclier, sera la relique qui guidera l'humanité vers son prochain âge d'or. »
RPG Dark Fantasy. Interdit aux moins de 16 ans (sujets sensibles, violence, mort).
Forum optimisé pour Chrome. Les avatars doivent être illustrés et leur taille est de 320*200px.
Ici les noms du participants au RP, et / ou petit résumé pratique pour les évents!
<div class="post-rp-body"><div class="rp-title-block"><div class="rp-title">Titre de votre RP (une ligne svp)<div class="rp-trait"></div></div></div><div class="rp-date-lieu" style="color: #ff3333">Date et Lieu de votre RP ici</div><div class="rp-text-block"><div class="rp-text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum libero beatae ipsa aspernatur aut incidunt cum dignissimos, asperiores quam, excepturi magnam perspiciatis laboriosam ex iusto expedita nisi laborum! Obcaecati, dignissimos.
<div class="rp-dialogue-trait" style="background-color: #ff3333;"><div class="rp-dialogue">[color=#ff3333]At non repudiandae repellendus porro. Fugiat illum similique inventore id sequi? Assumenda facilis possimus praesentium! Incidunt sequi, praesentium,[/color] iusto quasi est nulla cumque exercitationem unde suscipit qui, accusamus eligendi. [color=#ff3333]Ea! Numquam rem consequatur cumque natus, sint molestias voluptate assumenda nemo,[/color] harum reiciendis laudantium dolor omnis voluptatum repellat totam aut beatae iste deserunt, animi nisi suscipit architecto iure nulla possimus. Aperiam.</div></div>
Numquam rem consequatur cumque natus, sint molestias voluptate assumenda nemo, harum reiciendis laudantium dolor omnis voluptatum repellat totam aut beatae iste deserunt, animi nisi suscipit architecto iure nulla possimus. Aperiam.
Minima dolorem corrupti dignissimos. Sapiente consequatur nostrum aliquam vitae veritatis iusto aut autem ullam natus, laudantium animi, maiores soluta maxime, ducimus facere nemo? Commodi saepe facere quaerat quae rem dolor?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum libero beatae ipsa aspernatur aut incidunt cum dignissimos, asperiores quam, excepturi magnam perspiciatis laboriosam ex iusto expedita nisi laborum! Obcaecati, dignissimos.</div>
</div><div class="rp-sidenote"><p>Ici les noms du participants au RP, et / ou petit résumé pratique pour les évents!</p></div></div><style> .post-rp-body { background-color: rgb(37, 37, 37); min-height: 600px; max-width: 500px; border-radius: 4px; margin: 0px auto; } .rp-text-block { background-color: rgb(26, 26, 26); height: 460px; max-width: 430px; margin: 0px auto; position: relative; top: -24px; } .rp-date-lieu { text-transform: lowercase; font-family: 'Abril Fatface', serif; position: relative; top: -15px; right: 36px; z-index: 2; text-align: right; color: rgb(230, 73, 73); font-size: 15px; } .rp-text::-webkit-scrollbar {display: none;} .rp-text { overflow-y: scroll; padding-left: 15px; padding-right: 15px; padding-top: 10px; height: 440px; color: rgb(235, 235, 235); font-family: 'Times New Roman', Times, serif; padding-bottom: 15px; font-size: 13px; position: absolute; top: 15px; line-height: 15px; text-align: justify; } .rp-sidenote { background-color: rgb(26, 26, 26); min-height: 30px; max-width: 410px; padding-bottom: 5px; margin: 0px auto; position: relative; top: -19px; border-radius: 5px; } .rp-sidenote p{ color: rgb(253, 253, 253); font-family: 'Abril Fatface', serif; font-size: 12px; display: flex; justify-content: center; align-content: center; padding-top: 5px; padding-left: 10px; padding-right: 10px; text-align: center; } .rp-title { color: white; font-family: 'Abril Fatface', serif; text-transform: lowercase; position: relative; top: 20px; font-size: 20px; display: flex; align-items: center; align-content: center; gap: 5px; } .rp-trait { display: block; color: transparent; height: 4px; background-color: white; border-radius: 2px; flex-grow: 2; overflow: hidden; float: right; } .rp-title-block { background-color: none; width: 430px; height: 80px; overflow: hidden; margin: 0 auto; } .rp-trait p { pointer-events: none; opacity: 0; } .rp-dialogue { padding: 15px; width: 400px; min-height: 10px; } .rp-dialogue-trait { min-height: 5px; width: 3px; background-color: rgb(255, 255, 255); margin-top: 10px; } </style>
|
|