Mises en page de RP

**▌Messages** : 235

Mises en page
libre service

Si vous voulez, voici quelques mises en page vos RPs. Elles ne sont utilisables que sur Detroit Monsters et les couleurs sont modifiables à vos souhaits ! Si quelque chose vous chagrine, que vous ne comprenez pas le code ou qu'il y a quelque chose qui a un peu sauté, n'hésitez pas à demander de l'aide à Valentin ! Même chose si vous voulez utiliser ces mises en page sur un autre forum, vous n'avez qu'à lui demander pour avoir le code complet.

Les exemples sont en dessous, et le post suivant comportera les codes à copier/coller.

Mise en page #1

TITRE DU RP

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis fringilla lectus. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ac faucibus nisi. Quisque tincidunt viverra placerat. Cras id molestie dui. Nam placerat luctus est, vitae eleifend erat gravida et. Fusce auctor, magna quis vestibulum malesuada, odio mi consectetur metus, ac tincidunt est mi et dui. Ut interdum, justo nec maximus malesuada, tortor ante vehicula eros, vitae interdum sapien augue sed nisl.

Etiam risus lacus, imperdiet ac turpis nec, mattis ullamcorper mi. Phasellus consequat, ex quis tempus porttitor, dolor magna pellentesque turpis, id lobortis turpis odio at ipsum. Ut sit amet metus euismod, malesuada nisi non, facilisis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies feugiat nulla non elementum. Cras ultricies elementum lacus, ut commodo lectus laoreet ac. Proin mollis erat a iaculis consectetur. Morbi tincidunt eros eu lectus convallis volutpat. Vivamus elit diam, euismod sit amet facilisis non, semper sit amet eros. Nulla rutrum, augue nec facilisis fringilla, ex purus imperdiet eros, ut venenatis quam lorem ut nisl. Nulla vitae nisi turpis. Nullam a est ac lectus semper elementum. Etiam nec ante eu diam volutpat porta in ac tortor. Vivamus eleifend risus lectus, sed venenatis magna sagittis ut. Nunc tincidunt, urna ut rutrum suscipit, neque urna dapibus sem, eu pharetra arcu nisl viverra turpis.

Fusce tincidunt tincidunt turpis. Sed cursus lorem mauris, ut auctor nibh molestie vitae. Proin ornare lacinia facilisis. Aenean interdum rhoncus lobortis. Mauris sed arcu nec libero porttitor dapibus. Donec iaculis ac nibh sit amet luctus. Aenean luctus turpis non scelerisque mattis.

VAL

Mise en page #2

“Etiam risus lacus, imperdiet ac turpis nec, mattis ullamcorper mi. Phasellus consequat, ex quis tempus porttitor, dolor magna pellentesque turpis, id lobortis turpis odio at ipsum. Ut sit amet metus euismod, malesuada nisi non, facilisis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies feugiat nulla non elementum. Cras ultricies elementum lacus, ut commodo lectus laoreet ac. Proin mollis erat a iaculis consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis fringilla lectus. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ac faucibus nisi. Quisque tincidunt viverra placerat. Cras id molestie dui. Nam placerat luctus est, vitae eleifend erat gravida et. Fusce auctor, magna quis vestibulum malesuada, odio mi consectetur metus, ac tincidunt est mi et dui. Ut interdum, justo nec maximus malesuada, tortor ante vehicula eros, vitae interdum sapien augue sed nisl.

Etiam risus lacus, imperdiet ac turpis nec, mattis ullamcorper mi. Phasellus consequat, ex quis tempus porttitor, dolor magna pellentesque turpis, id lobortis turpis odio at ipsum. Ut sit amet metus euismod, malesuada nisi non, facilisis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies feugiat nulla non elementum. Cras ultricies elementum lacus, ut commodo lectus laoreet ac. Proin mollis erat a iaculis consectetur. Morbi tincidunt eros eu lectus convallis volutpat. Vivamus elit diam, euismod sit amet facilisis non, semper sit amet eros. Nulla rutrum, augue nec facilisis fringilla, ex purus imperdiet eros, ut venenatis quam lorem ut nisl. Nulla vitae nisi turpis. Nullam a est ac lectus semper elementum. Etiam nec ante eu diam volutpat porta in ac tortor. Vivamus eleifend risus lectus, sed venenatis magna sagittis ut. Nunc tincidunt, urna ut rutrum suscipit, neque urna dapibus sem, eu pharetra arcu nisl viverra turpis.

Fusce tincidunt tincidunt turpis. Sed cursus lorem mauris, ut auctor nibh molestie vitae. Proin ornare lacinia facilisis. Aenean interdum rhoncus lobortis. Mauris sed arcu nec libero porttitor dapibus. Donec iaculis ac nibh sit amet luctus. Aenean luctus turpis non scelerisque mattis.

VAL

Mise en page #3

PRENOM & PRENOM

“

Etiam risus lacus, imperdiet ac turpis nec, mattis ullamcorper mi. Phasellus consequat, ex quis tempus porttitor, dolor magna pellentesque turpis, id lobortis turpis odio at ipsum. Ut sit amet metus euismod, malesuada nisi non, facilisis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies feugiat nulla non elementum. Cras ultricies elementum lacus, ut commodo lectus laoreet ac. Proin mollis erat a iaculis consectetur.

Titre du roleplay que je peux faire un peu long si je veux

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis fringilla lectus. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ac faucibus nisi. Quisque tincidunt viverra placerat. Cras id molestie dui. Nam placerat luctus est, vitae eleifend erat gravida et. Fusce auctor, magna quis vestibulum malesuada, odio mi consectetur metus, ac tincidunt est mi et dui. Ut interdum, justo nec maximus malesuada, tortor ante vehicula eros, vitae interdum sapien augue sed nisl.

Etiam risus lacus, imperdiet ac turpis nec, mattis ullamcorper mi. Phasellus consequat, ex quis tempus porttitor, dolor magna pellentesque turpis, id lobortis turpis odio at ipsum. Ut sit amet metus euismod, malesuada nisi non, facilisis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies feugiat nulla non elementum. Cras ultricies elementum lacus, ut commodo lectus laoreet ac. Proin mollis erat a iaculis consectetur. Morbi tincidunt eros eu lectus convallis volutpat. Vivamus elit diam, euismod sit amet facilisis non, semper sit amet eros. Nulla rutrum, augue nec facilisis fringilla, ex purus imperdiet eros, ut venenatis quam lorem ut nisl. Nulla vitae nisi turpis. Nullam a est ac lectus semper elementum. Etiam nec ante eu diam volutpat porta in ac tortor. Vivamus eleifend risus lectus, sed venenatis magna sagittis ut. Nunc tincidunt, urna ut rutrum suscipit, neque urna dapibus sem, eu pharetra arcu nisl viverra turpis.

Fusce tincidunt tincidunt turpis. Sed cursus lorem mauris, ut auctor nibh molestie vitae. Proin ornare lacinia facilisis. Aenean interdum rhoncus lobortis. Mauris sed arcu nec libero porttitor dapibus. Donec iaculis ac nibh sit amet luctus. Aenean luctus turpis non scelerisque mattis.

VAL

Exemple avec d'autres couleurs:

Exemple avec des icones sur le côté:

Exemple avec des icones en dessous du texte:

**▌Messages** : 235

Mise en page #1

Code:: <center><div class="cRP1" style="background-color: #COULEUR;"><img src="IMAGE DE 500PX DE LARGE ET MINIMUM 150PX DE HAUT">
<div class="titreRPf" style="background-color: #COULEUR;">TITRE DU RP</div>
<div class="cRP2"><ltn>PREMIERE LETTRE DE VOTRE RP</ltn>VOTRE RP ICI

</div><div class="cCRED" style="background-color: #COULEUR;">© VAL </div></div></center>

Mise en page #2

Code:: <center><div class="cRP1" style="background-color: #COULEUR;"><img src="IMAGE EN 500PX DE LARGE ET MINIMUM 150PX DE HAUT">
<div class="cDescRP" style="background-color: #COULEUR;"><div class="cDescRP2"><gui>“</gui>UN BOUT DE TEXTE QUE VOUS VOULEZ ; UNE CITATION, UN POEME, ETC</div></div>
<div class="cRP2"><ltn>PREMIERE LETTRE DE VOTRE RP</ltn>VOTRE RP ICI

</div><div class="cCRED" style="background-color: #COULEUR;">© VAL </div></div></center>

Mise en page #3

Code:: <center><div class="titreRPf" style="background-color: #COULEUR; ">PRENOM & PRENOM</div><div class="cRP1" style="background-color: #COULEUR;"><div class="cDescRP3"><gui>“</gui><div style="padding: 5px;">UN BOUT DE TEXTE QUE VOUS VOULEZ ; UNE CITATION, UN POEME, ETC</div></div><div style="background-image: url(IMAGE EN 300*150PX)" class="imgDescRP">
<div class="tRp">TITRE DE VOTRE RP</div></div>
<div class="cRP2"><ltn>PREMIERE LETTRE DE VOTRE RP</ltn>VOTRE RP ICI

</div><div class="cCRED" style="background-color: #COULEUR; ">© VAL </div></div></center>

Modèle #1 avec des icones sur le côté

Code:: <center>
<div class="cImg"><img src="ICON EN 100*100" class="iconR" style="border: 3px solid #COULEUR;">
<img src="ICON EN 100*100" class="iconR" style="border: 3px solid #COULEUR;"></div>
<div class="cRP1" style="background-color: #COULEUR;"><img src="IMAGE DE 500PX DE LARGE ET MINIMUM 150PX DE HAUT">
<div class="titreRPf" style="background-color: #COULEUR; ">TITRE DU RP</div>
<div class="cRP2"><div class="cIcon"> </div><ltn>PREMIERE LETTRE DE VOTRE RP</ltn>VOTRE RP ICI

</div><div class="cCRED" style="background-color: #COULEUR; ">© VAL </div></div></center>

Modèle #2 avec des icones sur le côté

Code:: <center>
<div class="cImg"><img src="ICON EN 100*100" class="iconR" style="border: 3px solid #COULEUR;">
<img src="ICON EN 100*100" class="iconR" style="border: 3px solid #COULEUR;"></div><div class="cRP1" style="background-color: #COULEUR;"><img src="IMAGE EN 500PX DE LARGE ET MINIMUM 150PX DE HAUT">
<div class="cDescRP" style="background-color: #COULEUR;"><div class="cDescRP2"><gui>“</gui>UN BOUT DE TEXTE QUE VOUS VOULEZ ; UNE CITATION, UN POEME, ETC</div></div>
<div class="cRP2"><div class="cIcon"> </div><ltn>PREMIERE LETTRE DE VOTRE RP</ltn>VOTRE RP ICI

</div><div class="cCRED" style="background-color: #COULEUR;">© VAL </div></div></center>

Icones en dessous du texte

Pour les installer, il vous suffit de remplacer cette partie :

Par celle-ci :

Code:: <center><img src="ICON EN 100*100" class="iconC" style="border: 3px solid #COULEUR; "> <img src="ICON EN 100*100" class="iconC" style="border: 3px solid #COULEUR; "></center>
</div><div class="cCRED" style="background-color: #COULEUR; ">© VAL </div></div>

</center>

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée