La tambouille des râleuses
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Aller en bas
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

Fiche RP (3 images - titre - corps) Empty 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

Idea Les couleurs sont personnalisables


avatar 1
avatar 1
avatar 1

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.



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;
}
Dans le sujet que tu souhaites mettre en forme :
Exclamation 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

Exclamation 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 Smile
Bonne journée à toi Smile

Anonymous
Invité
Invité

Fiche RP (3 images - titre - corps) Empty 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 ^_^
Féli
Féli
Messages : 489
http://feli.forumactif.org

Fiche RP (3 images - titre - corps) Empty Re: Fiche RP (3 images - titre - corps)

Dim 1 Mar 2020 - 10:44
Simple et efficace, bravo
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

Fiche RP (3 images - titre - corps) Empty Re: Fiche RP (3 images - titre - corps)

Dim 1 Mar 2020 - 10:49
Contente qu'elle vous plaise Smile Si vous avez le moindre souci avec n'hésitez pas
Contenu sponsorisé

Fiche RP (3 images - titre - corps) Empty Re: Fiche RP (3 images - titre - corps)

Revenir en haut
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses

Post-It des Râleuses