AccueilCréer un prédéfini
Créer un prédéfini Sam 1 Mai - 12:32
Admin
Messages : 85
Date d'inscription : 30/03/2021
Date d'inscription : 30/03/2021
Re: Créer un prédéfini Sam 1 Mai - 12:37
Admin
Messages : 85
Date d'inscription : 30/03/2021
Date d'inscription : 30/03/2021
Nom Prénom
Citation au choix
Age
écrire ici
Sexualité
écrire ici
Nationalité
écrire ici
Métier
écrire ici
Groupe
écrire ici
Avatar
écrire ici
Les grandes lignes
Inscrire ici quelques traits de caractère ; son histoire ; s'il a des particularités physiques qui ne doivent pas être changé...Préciser si l'avatar est négociable ou non.
Le lien avec votre perso
Préciser si le personnage a un lien avec votre perso ou celui d'un autre, y décrire la relation et insérer un lien vers la fiche du/des concernés !- Code:
<div class="asd"><div class="pt1"><div class="tit-tito">Nom Prénom</div><div class="subtito">Citation au choix</div></div><div class="img"><img src="https://via.placeholder.com/480x200.png"></div><div class="pt2"><div class="info-caract"><div class="caract">Age</div><div class="introd-caract">écrire ici</div><div class="caract">Sexualité</div><div class="introd-caract">écrire ici</div><div class="caract">Nationalité</div><div class="introd-caract">écrire ici</div><div class="caract">Métier</div><div class="introd-caract">écrire ici</div><div class="caract">Groupe</div><div class="introd-caract">écrire ici</div><div class="caract">Avatar</div><div class="introd-caract">écrire ici</div></div><div class="postito"><div class="tit-ficha">Les grandes lignes</div>Inscrire ici quelques traits de caractère ; son histoire ; s'il a des particularités physiques qui ne doivent pas être changé...
Préciser si l'avatar est négociable ou non.
<div class="tit-ficha">Le lien avec votre perso</div>Préciser si le personnage a un lien avec votre perso ou celui d'un autre, y décrire la relation et insérer un lien vers la fiche du/des concernés !</div></div><div class="credi2"><a href="https://crazyrebel-codes.tumblr.com/">CrazyRebel Codes</a></div></div>
<style> .asd {height: 800px; width: 500px; background: #1d1d1d; margin: 0 auto; position: relative; box-shadow: 0px 0px 5px #000; margin-top: 5px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #fff; line-height: 14px;} .pt1 {background: #7E8691; width: 500px; height: 250px; z-index: 1;} .tit-tito {color: #fff; padding: 40px 20px 0px 20px; font-size: 32px; text-align: center; font-family: 'Oswald', sans-serif; position: relative; text-shadow: 0px 0px 7px #000; font-style: bold;} .subtito {text-align: center; color: #fff; line-height: 35px; text-transform: uppercase; font-size: 10px; z-index: 2;} .img {margin-left: 10px; margin-right: 10px; position: absolute; top: 100px; border: 1px solid #eee; box-shadow: 0px 0px 5px #000;} .pt2 {background: #1d1d1d; width: 500px; height: 470px; z-index: 0;} .info-caract {margin-top: 60px; width: 150px;} .introd-caract {height: auto; margin-left: 15px; background: #1d1d1d; font-size: 10px; color: #fff; line-height: 10px; padding: 4px 0px;} .caract {width: 140px;position: relative; padding: 4px 0px; background: #7E8691; margin: 1px 0px 1px 10px; text-align: left; padding-left: 3px; color: #fff; font-size: 10px; text-transform: uppercase; text-shadow: 0px 0px 5px #000;} .pt2 {position: relative;} .tit-ficha {text-transform: uppercase; font-size: 15px; color: #7E8691; margin: 5px 0px;} .postito {width: 325px; height: 460px; margin: 10px; position: absolute; top: -10px; left: 130px; padding: 0px 5px 0px 20px; text-align: justify; font-size: 11px; color: #fff; overflow-y: scroll;} .credi2 {width: 500px; margin-left: -10px; background: #7E8691; padding: 10px; color: #fff; text-align: right; font-size: 10px; text-transform: uppercase; box-shadow: 0px 0px 3px #000; text-shadow: 0px 0px 3px #000;} .credi2 a {color: #fff; letter-spacing: 3px;} .credi2 a:hover {color: #000;}</style>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
|
|
|