Bonjour, je vous propose cette nouvelle fiche, qui fait partie d'un ensemble. Il y a une [url=https://]fiche générale[/url] et de [url=https://]scénario[/url].

Vous pouvez modifier les couleurs et l'image.
Merci de laisser le crédit !  



Si vous souhaitez utiliser toutes les fiches vous pouvez enlever la partie

Code:

<style>blablabla</style>

et mettre ça dans votre CSS :

Code:

/* fiche Padsky prez */
.rulesgeneralprez{
  width: 550px;
  background-color: #6B1F12;
  border-left: 5px #26120C double;
  border-right: 5px #26120C double;
}

.rulestitreprez{
  background: linear-gradient(90deg, #fff2f0, #6c2012);
  font-family: 'Staatliches', cursive;
  font-size: 40px;
  line-height: 40px;
  color: #f7eee6;
  text-shadow:2px 3px 2px #000;
  text-align: center;
  margin: auto;
  padding: 10px;
}

.rulestitreprez2{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 30px;
  color: #ffffff;
  text-shadow:2px 2px 2px #000;
  text-align: center;
  margin: auto;
  padding: 10px;
}

.rulesblocquoteprez{
  width: 500px;
  background-color: #AD4836;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #F7E6E1;
  text-align: justify;
  margin: 10px;
  padding: 15px;
}

.rulescreditprez{
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  margin: auto;
  padding: 15px;
}

Code:

<center><style>.rulesgeneralprez{width: 550px; background-color: #6B1F12; border-left: 5px #26120C double; border-right: 5px #26120C double; }.rulestitreprez{background: linear-gradient(90deg, #fff2f0, #6c2012); font-family: 'Staatliches', cursive; font-size: 40px; line-height: 40px; color: #f7eee6; text-shadow:2px 3px 2px #000; text-align: center; margin: auto; padding: 10px; }.rulestitreprez2{font-family: 'Bebas Neue', sans-serif; font-size: 30px; color: #ffffff; text-shadow:2px 2px 2px #000; text-align: center; margin: auto; padding: 10px; }.rulesblocquoteprez{width: 500px; background-color: #AD4836; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #F7E6E1; text-align: justify; margin: 10px; padding: 15px; }.rulescreditprez{font-family: 'Open Sans', sans-serif; font-size: 10px; color: #ffffff; text-align: center; margin: auto; padding: 15px; }</style>
<link href="https://fonts.googleapis.com/css2?family=Inter&family=Open+Sans:ital@1&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"><div class="rulesgeneralprez"><div class="rulesimageprez"><img src="https://i.pinimg.com/originals/a1/23/98/a12398b9d76b3d18225e67800efd2772.gif" style="width: 540px; height: 200px; border: 5px #F2E5D9 double; padding; 10px;" /></div>
<div class="rulestitreprez">Prénom Nom</div>
<div class="rulesblocquoteprez"><div class="rulestitreprez2">Identité</div>
Je m'appelle <b>Prénom Nom</b>, parfois on me surnomme <b>surnom</b>. Je suis né(e) le <b>date de naissance et lieu de naissance</b> et j'ai <b>âge</b>. Je suis <b>statut marital</b> et je préfère <b>orientation sexuelle</b>. Je suis <b>sexe du personnage + pronom utilisé dans les rp</b>. Je fais partie des <b>nom du groupe</b> et il paraît que je ressemble à <b>Prénom Nom de la célébrité</b>.
</div><div class="rulesblocquoteprez"><div class="rulestitreprez2">Infos sur le personnage</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</div><div class="rulesblocquoteprez"><div class="rulestitreprez2">Plus d'infos du créateur</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</div><div class="rulescredit">(c) Padsky</div>
</div></center>