AccueilFiche de présentation
Fiche de présentation Ven 9 Avr - 22:56
Admin
Messages : 85
Date d'inscription : 30/03/2021
Date d'inscription : 30/03/2021
Nom Prénom
Petite citation
Surnom
écrire ici
Age
écrire ici
Sexualité
écrire ici
Nationalité
écrire ici
Métier
écrire ici
Groupe
écrire ici
Avatar
écrire ici
Vous
Votre pseudo ici et/ou un petit mot si vous avez envie, mais on demande pas votre CV :3
La psycho de votre perso
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Son histoire
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Des détails et/ou votre physique
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.- Code:
<div class="asd"><div class="pt1"><div class="tit-tito">Nom Prénom</div><div class="subtito">Petite citation</div></div><div class="img"><img src="https://via.placeholder.com/480x200.png"></div><div class="pt2"><div class="info-caract"><div class="caract">Surnom</div><div class="introd-caract">écrire ici</div><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 class="caract">Vous</div><div class="introd-caract"> Votre pseudo ici et/ou un petit mot si vous avez envie, mais on demande pas votre CV :3</div></div><div class="postito"><div class="tit-ficha">La psycho de votre perso</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, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="tit-ficha">Son histoire</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, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="tit-ficha">Des détails et/ou votre physique</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, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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">
|
|
|