MävenRâleuse (Admin)- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4099 
Fiche RP (3 images - titre - corps)
Lun 24 Juin 2019 - 14:00
Fiche RP (3 images - titre - corps)
Hello !
Je viens te proposer aujourd'hui une petit fiche qui peut te servir pour la pub, pour la mise en page de tes sujets importants, etc.. Mais qui a été faite en tant que fiche RP (commande de cappucino)
Petit aperçu
Les couleurs sont personnalisables
Titre du RP
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec euismod erat. Quisque mattis venenatis erat ac sagittis. Aenean fermentum pulvinar purus, ac congue quam rhoncus at. Praesent suscipit lobortis diam, vel laoreet elit dapibus ac. Proin at laoreet elit. Nulla vitae placerat purus. Sed sit amet lacus lorem. Maecenas nec velit in enim suscipit iaculis. In pharetra nec nisl in pulvinar. Integer facilisis orci vel metus laoreet, sit amet bibendum libero vehicula. Etiam ex enim, tempus in odio quis, placerat imperdiet ligula.
Aliquam in viverra odio, vitae dignissim mi. Nullam scelerisque dictum tempor. Integer sed porttitor lectus. Ut augue enim, viverra pellentesque eros eu, tempus imperdiet dolor. Donec faucibus libero id dui accumsan facilisis. Pellentesque quam leo, venenatis at sapien non, venenatis lacinia massa. Nulla commodo volutpat risus. Curabitur sed lacus elit.
Aenean hendrerit lacus imperdiet sagittis ultrices. Aenean hendrerit tortor sit amet rhoncus aliquet. Cras rhoncus sapien at metus pharetra ullamcorper. Pellentesque non nulla et velit aliquet scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ipsum eget tellus iaculis ultrices sollicitudin in diam. Donec porttitor convallis nunc faucibus semper. Phasellus id dui massa.
Fiche codée par © Mäven
Pour utiliser la fiche sur ton forum
Pour ajouter la police des premières lettres et des titres à ton forum ainsi que la police de base, [tu peux te référer à ce tutoriel].
L'ajout se fera avec ceci pour utiliser la même police que moi :
- Code:
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Sedgwick+Ave&display=swap" rel="stylesheet">
Dans la CSS de ton forum (PA > Affichage > Couleurs > Feuille de style CSS), colle ceci :
- Code:
.MVN-fiche-rp {
width: 700px;
border: 5px solid #888aba;
background: #0a0b26;
color: #0a0b26;
font-family: 'Goudy Bookletter 1911', serif;
padding: 10px;
text-align: justify;
font-size: 14px;
line-height: 15px;
margin: auto;
border-radius: 20px
}
.MVN-fiche-rp .titre-rp {
font-size: 2.5rem;
font-family: 'Sedgwick Ave', cursive;
color: #888aba;
}
.MVN-fiche-rp .center {
text-align: center
}
.MVN-fiche-rp .contenu-rp {
background: #888aba;
border: 2px solid #fff;
padding: 0 10px;
border-radius: 20px
}
.MVN-fiche-rp p {
text-indent: 15px;
font-family: 'Crimson Text', serif;
line-height: 1.6rem;
}
.MVN-fiche-rp p:first-letter {
font-size: 2rem;
font-family: 'Sedgwick Ave', cursive;
}
.MVN-fiche-rp .d-flex {
display: flex;
justify-content: center
}
.MVN-fiche-rp .d-flex .avatar-personnage {
width: 200px;
margin: 2px;
height: 320px;
border: 2px solid #888aba;
overflow: hidden;
border-radius: 20px
}
.MVN-fiche-rp .d-flex .avatar-personnage img.vava {
min-width: 100%;
max-width: none !important;
}
.MVN-fiche-rp .copyright {
font-size: .8rem;
font-style: italic;
color: #888aba;
}
Ne retire pas les commentaires : ils permettent de ne pas avoir de saut à la ligne qui gênerait le tout...- Code:
<!--
-->
- Code:
<div class="MVN-fiche-rp"><!--
--><div class="d-flex"><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/kcc010.png" alt="avatar 1" /><!--
--></div><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/44232810.png" alt="avatar 1" /><!--
--></div><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/63133010.png" alt="avatar 1" /><!--
--></div><!--
--></div>
<div class="titre-rp center">Titre du RP</div>
<div class="contenu-rp">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec euismod erat. Quisque mattis venenatis erat ac sagittis. Aenean fermentum pulvinar purus, ac congue quam rhoncus at. Praesent suscipit lobortis diam, vel laoreet elit dapibus ac. Proin at laoreet elit. Nulla vitae placerat purus. Sed sit amet lacus lorem. Maecenas nec velit in enim suscipit iaculis. In pharetra nec nisl in pulvinar. Integer facilisis orci vel metus laoreet, sit amet bibendum libero vehicula. Etiam ex enim, tempus in odio quis, placerat imperdiet ligula.</p><!--
--><p>Aliquam in viverra odio, vitae dignissim mi. Nullam scelerisque dictum tempor. Integer sed porttitor lectus. Ut augue enim, viverra pellentesque eros eu, tempus imperdiet dolor. Donec faucibus libero id dui accumsan facilisis. Pellentesque quam leo, venenatis at sapien non, venenatis lacinia massa. Nulla commodo volutpat risus. Curabitur sed lacus elit.</p><!--
--><p>Aenean hendrerit lacus imperdiet sagittis ultrices. Aenean hendrerit tortor sit amet rhoncus aliquet. Cras rhoncus sapien at metus pharetra ullamcorper. Pellentesque non nulla et velit aliquet scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ipsum eget tellus iaculis ultrices sollicitudin in diam. Donec porttitor convallis nunc faucibus semper. Phasellus id dui massa.</p></div><!--
--><div class="copyright center">Fiche codée par © <a href="http://tambouille-raleuses.forumactif.com/">Mäven</a></div><!--
--></div>
Pour utiliser la fiche sur un autre forum
Ne retire pas les commentaires : ils permettent de ne pas avoir de saut à la ligne qui gênerait le tout...- Code:
<!--
-->
- Code:
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Sedgwick+Ave&display=swap" rel="stylesheet">
<style>.MVN-fiche-rp{width:700px;border:5px solid #888aba;background:#0a0b26;color:#0a0b26;font-family:'Goudy Bookletter 1911',serif;padding:10px;text-align:justify;font-size:14px;line-height:15px;margin:auto;border-radius:20px}.MVN-fiche-rp .titre-rp{font-size:2.5rem;font-family:'Sedgwick Ave', cursive;color:#888aba;}.MVN-fiche-rp .center{text-align:center}.MVN-fiche-rp .contenu-rp{background:#888aba;border:2px solid #fff;padding:0 10px;border-radius:20px}.MVN-fiche-rp p{text-indent:15px;font-family:'Crimson Text', serif;line-height:1.6rem;}.MVN-fiche-rp p:first-letter{font-size:2rem;font-family:'Sedgwick Ave', cursive;}.MVN-fiche-rp .d-flex{display:flex;justify-content:center}.MVN-fiche-rp .d-flex .avatar-personnage{width:200px;margin:2px;height:320px;border:2px solid #888aba;overflow:hidden;border-radius:20px}.MVN-fiche-rp .d-flex .avatar-personnage img.vava{min-width:100%;max-width: none !important;}.MVN-fiche-rp .copyright{font-size:.8rem;font-style:italic;color:#888aba;}</style>
<div class="MVN-fiche-rp"><!--
--><div class="d-flex"><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/kcc010.png" alt="avatar 1" /><!--
--></div><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/44232810.png" alt="avatar 1" /><!--
--></div><!--
--><div class="avatar-personnage"><!--
--><img class="vava" src="https://i.servimg.com/u/f60/15/82/71/87/63133010.png" alt="avatar 1" /><!--
--></div><!--
--></div>
<div class="titre-rp center">Titre du RP</div>
<div class="contenu-rp">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec euismod erat. Quisque mattis venenatis erat ac sagittis. Aenean fermentum pulvinar purus, ac congue quam rhoncus at. Praesent suscipit lobortis diam, vel laoreet elit dapibus ac. Proin at laoreet elit. Nulla vitae placerat purus. Sed sit amet lacus lorem. Maecenas nec velit in enim suscipit iaculis. In pharetra nec nisl in pulvinar. Integer facilisis orci vel metus laoreet, sit amet bibendum libero vehicula. Etiam ex enim, tempus in odio quis, placerat imperdiet ligula.</p><!--
--><p>Aliquam in viverra odio, vitae dignissim mi. Nullam scelerisque dictum tempor. Integer sed porttitor lectus. Ut augue enim, viverra pellentesque eros eu, tempus imperdiet dolor. Donec faucibus libero id dui accumsan facilisis. Pellentesque quam leo, venenatis at sapien non, venenatis lacinia massa. Nulla commodo volutpat risus. Curabitur sed lacus elit.</p><!--
--><p>Aenean hendrerit lacus imperdiet sagittis ultrices. Aenean hendrerit tortor sit amet rhoncus aliquet. Cras rhoncus sapien at metus pharetra ullamcorper. Pellentesque non nulla et velit aliquet scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ipsum eget tellus iaculis ultrices sollicitudin in diam. Donec porttitor convallis nunc faucibus semper. Phasellus id dui massa.</p></div><!--
--><div class="copyright center">Fiche codée par © <a href="http://tambouille-raleuses.forumactif.com/">Mäven</a></div><!--
--></div>
Je reste disponible si tu as la moindre question, pour la personnalisation ou la compréhension du code
Bonne journée à toi
InvitéInvité
Re: Fiche RP (3 images - titre - corps)
Dim 1 Mar 2020 - 10:34
J'aime beaucoup cette fiche.
Merci pour le partage, je vais l'utiliser de suite ^_^
Merci pour le partage, je vais l'utiliser de suite ^_^
Féli- Messages : 489
Re: Fiche RP (3 images - titre - corps)
Dim 1 Mar 2020 - 10:44
Simple et efficace, bravo
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4099
Re: Fiche RP (3 images - titre - corps)
Dim 1 Mar 2020 - 10:49
Contente qu'elle vous plaise Si vous avez le moindre souci avec n'hésitez pas
Si vous avez le moindre souci avec n'hésitez pas
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum