Exemple de journal de bord

Mordred

Messages : 47

Date d'inscription : 18/08/2021

# Exemple de journal de bord le : Sam 16 Avr - 7:45

Cet exemple n'est là qu'à titre indicatif, vous pouvez poster votre journal de bord avec les codages que vous souhaitez et y intégrer ce que vous désirez.

Prénom Nom

Race - Âge - Profession - Alignement - Etat civil

Equipement
Listez ici ce que possède votre personnage: armes, monture, animal de compagnie, etc.

Attaques
Donnez ici les différentes attaques de votre personnages.

Liens recherchés
Liens : Description du lien recherché.
Liens : Description du lien recherché.
Liens : Description du lien recherché.

Suivis de quêtes
Titre du RP : Partenaire de RP
Description du RP.
Titre du RP : Partenaire de RP
Description du RP.
Titre du RP : Partenaire de RP
Description du RP.

Awful

Code:: <div class="kit-wrap kit-app"><div class="kit"><div class="kit-head"><img src="https://zupimages.net/up/21/38/wkn8.png"><h2>Prénom Nom</h2><h3>Race - Âge - Profession - Alignement - Etat civil</h3></div></div><div class="kit kit-info"><div class="kit-txt"><span class="kit-title">Equipement</span> Listez ici ce que possède votre personnage: armes, monture, animal de compagnie, etc. <span class="kit-title">Attaques</span> Donnez ici les différentes attaques de votre personnages. </div></div><div class="kit"><div class="kit-padd"><div class="kit-txt"><span class="kit-title">Liens recherchés</span> <b>Liens</b> : Description du lien recherché. <b>Liens</b> : Description du lien recherché. <b>Liens</b> : Description du lien recherché. </div></div></div><div class="kit"><div class="kit-padd"><div class="kit-txt"><span class="kit-title">Suivis de quêtes</span> <a href="https://crystalelements.forumactif.com/">Titre du RP</a> : <b>Partenaire de RP</b> Description du RP. <a href="https://crystalelements.forumactif.com/">Titre du RP</a> : <b>Partenaire de RP</b> Description du RP. <a href="https://crystalelements.forumactif.com/">Titre du RP</a> : <b>Partenaire de RP</b> Description du RP. </div></div></div><div class="kit-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div> <style>.kit-wrap { background: #812E30; color: #000000; }.kit-wrap, .kit { border: 1px solid #000000; } .kit-head { background: #812E30; } .kit-head h2, .kit-head h3 { text-transform: uppercase; letter-spacing: 1px; color: #fff; } .kit-head h2 { font-weight: bold; font-size: 30px; font-family: 'Amatic SC', cursive; text-shadow: -1px 1px 0 #40455f; } .kit-head h3 { font-size: 9px; font-weight: normal; letter-spacing: 2px; font-family: Calibri; text-shadow: -1px 0 0 #40455f; } .kit-padd { background: #812E30; } .kit, .kit-txt, .kit-avatar { font-family: Calibri; text-align: justify; font-size: 11px; background: #F3E6D3; } .kit-title { font-family: 'Amatic SC', cursive; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #812E30; } .kit-txt div, .kit-app .kit-info .kit-txt div { border-bottom: 1px solid #812E30; } .kit-faceclaim .kit-txt div b, .kit-faceclaim .kit-txt div a { color: #812E30; } .kit-avatar { border: 1px solid #d4d4d4; }</style>

Relations

Nom prénom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Nom prénom

Code:: <div class="shipper-lien"><h2>Relations</h2><div class="shipper-lien-case"><img src="http://via.placeholder.com/100x100" alt="" /><div class="shipper-desc"><div>Nom prénom</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div></div> <div class="shipper-lien-case"><img src="http://via.placeholder.com/100x100" alt="" /><div class="shipper-desc"><div>Nom prénom</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></div> <style>.shipper-lien {width: 600px; background-color:#812E30; border: 1px solid #000000; position: relative; margin: 10px auto; box-sizing: border-box; padding: 10px;} .shipper-lien h2 {margin: 0 0 5px; text-transform: uppercase; color: #F3E6D3; text-shadow: -1px 1px 0 #40455f; font-family: 'Amatic SC', cursive; font-weight: bolder; font-size: 25px; letter-spacing: 1px; } .shipper-lien .shipper-lien-case {margin: 0 0 10px; display: flex;} .shipper-lien .shipper-desc {margin: 0; color: #000000; font-family: Calibri; font-size: 11px; text-align: justify; line-height: 130%; padding: 3px; } .shipper-lien .shipper-desc div {background-color: #812E30; padding: 5px; color: #F3E6D3; text-transform: uppercase; min-width: 100px; letter-spacing: 3px; text-align: center; font-family: 'Amatic SC', cursive; font-size: 15px; float: left; margin: 0 10px 0 0;} .shipper-lien-case:last-child {margin: 0;} .shipper-lien img {width: 100px;} .shipper-lien .shipper-desc {color: #000000; height: 100px; background-color: #F3E6D3; box-sizing: border-box; padding-right: 10px; overflow: auto; flex: 1; border: 10px solid #F3E6D3; border-right: 0;} .shipper-desc::-webkit-scrollbar { width: 2px;}</style>

Sauter vers:

Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum