AccueilAccueil  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Fiche de presentation
 :: Prélude :: Reglement & mise en situation

Messages : 8
Date d'inscription : 19/12/2016
http://alwayshp.forumactif.com
avatar
Prefet en chef

Grimoire
Maison: Griffondor
Année d'études: 7ème année
Sam 26 Aoû - 16:09
Prénom I. Nom
Label Texte
Label Texte
Label Texte
Label Texte
Label Texte
Avatar Texte
physique
TEXTE
caractère, goûts, secrets
TEXTE
Histoire
TEXTE
Derrière l'écran
Label Texte
Label Texte
Label Texte
Label Texte




Code:
<link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'><div class="fondfiche"><img src="URL D'UNE IMAGE 200*320" class="avafiche"/><div class="identfiche"><div class="nomfiche">Prénom I. Nom</div><span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte</div><div class="identava"><span class="labfiche">Avatar</span> Texte</div><div class="pcfiche"><div class="pctitre">physique</div><img src="URL D'UNE ICON 100*100" class="iconfiche"/><div class="pcscroll">TEXTE</div></div><div class="pcfiche"><div class="pctitre">caractère, goûts, secrets</div><img src="URL D'UNE ICON 100*100" class="iconfiched"/><div class="pcscroll">TEXTE</div></div><div class="histtitre">Histoire</div><div class="histfiche">TEXTE</div><img src="http://zupimages.net/up/16/24/371l.png" class="transifiche"/><div class="creafiche"><img src="URL D'UNE ICON 100*100" class="creaicon"/><div class="nomfiche">Derrière l'écran</div><div class="creascroll"><span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte
<span class="labfiche">Label</span> Texte</div></div></div><div class="creditfiche">par <a href="http://epicode.bbactif.com/u5650">FAUCHEUSE ☠</a> pour <a href="http://epicode.bbactif.com/">Epicode</a></div>

Code:
.fondfiche{font-family : arial; margin : 15px; background-color: #f3c881; background-image: url('http://www.zupimages.net/up/16/24/5sfp.png'); padding : 15px; border-radius : 5px;} .avafiche{width : 200px; height : 320px; padding : 3px; border : 2px solid #ffeead; margin-left : 5px; float : right; -webkit-filter: brightness(1); filter: brightness(1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .avafiche:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .identfiche{margin-right: 215px;margin-bottom : 2px; overflow : auto; background-color : #fff5cf; padding : 7px; text-align : left; height: 267px; font-size : 12px; line-height : 17px;} .nomfiche{color : #ff6f69; border-bottom : 2px solid #ffcc5c; margin-bottom : 7px; font-family: 'Questrial', sans-serif; font-size : 25px; padding-left : 12px; line-height : 20px; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; letter-spacing : 0px;} .nomfiche:hover{color : #ffa887; letter-spacing : 1px; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .labfiche{font-family: 'Questrial', sans-serif; font-size : 15px; color : #f7bb6e; text-transform: uppercase; letter-spacing: 1px;} .identava{background-color : #ffeead; padding : 7px; font-size : 12px; height: 33px; margin-right: 215px;} .pcfiche{background-color: #ffeead; margin-top: 5px; padding: 7px; font-size: 11px;} .pctitre{background-color : rgba(255, 111, 105, 0.55); color: #fff5cf; font-family: 'Questrial', sans-serif; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .pctitre:hover{letter-spacing : 3px; background-color : #ff6f69; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .iconfiche{float : left; border : 2px solid #ffcc5c; padding : 3px; margin-right : 5px; width : 100px; height : 100px; margin-top : 5px; -webkit-filter: brightness(1); filter: brightness(1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .iconfiche:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .iconfiched{-webkit-filter: brightness(1); filter: brightness(1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; float : right; border : 2px solid #ffcc5c; padding : 3px; width : 100px; height : 100px; margin-top : 5px; margin-left : 5px;} .iconfiched:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} .pcscroll{height : 110px; margin-top: 5px; overflow : auto; text-align : justify; line-height : 15px; padding-right : 5px;} .histtitre{color: #fff5cf; line-height: 13px; font-family: 'Questrial', sans-serif; font-size: 33px; text-transform: lowercase; border-bottom: 4px solid #ffeead; text-align: center; margin-top : 30px; letter-spacing: 2px;} .histfiche{background-color : #fff5cf; padding : 7px 30px 7px 30px; text-align : justify; height : 240px; overflow : auto; font-size : 12px; line-height : 20px;} .transifiche{margin-left : 20px; margin-top : 10px; margin-bottom : 10px;} .creafiche{background-color : #ffeead; padding: 7px;} .creaicon{width : 100px; height : 100px; border-radius : 90px; padding : 3px; border : 2px solid #ffcc5c; float : left; margin-right : 10px; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-filter: brightness(1); filter: brightness(1);} .creaicon:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1); -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; border-radius : 0px;} .creascroll{-webkit-filter: brightness(1); filter: brightness(1); -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; line-height : 17px; height : 81px; overflow : auto; padding-right : 5px; font-size : 12px;} .creditfiche{font-size : 9px; font-family : arial; text-align : center; color : rgba(0, 0, 0, 0.34); text-transform : uppercase} .creditfiche a{color : (0, 0, 0, 0.44); font-weight : bold; text-decoration : none;}




www
Page 1 sur 1

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

 :: Prélude :: Reglement & mise en situation
Fiche de presentation

Sauter vers: