Partagez|

[CREAPHY] Code de Présentation #2

Voir le sujet précédent Voir le sujet suivant Aller en bas


I am Pyphilia

Messages : 325
Points : 613
Date d'inscription : 03/02/2011
Age : 19

MessageSujet: [CREAPHY] Code de Présentation #2 Dim 26 Juin - 18:29


HTML
Code:
<div id="fiche_av"><img src="http://i.imgur.com/A1YGANA.gif"/><div class="corps"><span class="name">Nom Prénom</span>
  <div class="infos"><strong>Âge :</strong><br/><strong>Nationalité :</strong><br/><strong>Groupe :</strong><br/><strong>Avatar :</strong><br/><strong>PV ou Inventé ?</strong></div><h2>Caractère</h2><div>Caractère</div><h2>Histoire</h2><div>Histoire</div><a href="http://creaphy.royalwebhosting.net">pyphi(lia)</a></div>

CSS
Code:


/*FICHE @ PYPHILIA*/
  @import url(https://fonts.googleapis.com/css?family=Playfair+Display);

#fiche_av .corps .name, #fiche_av h2 , #fiche_av strong{
  color:white;
}

#fiche_av {
  color:#aaa;
  margin:auto;
  width:460px;
  position:relative;
  font-size:11px;
  font-family:arial;
}

#fiche_av img {
  width:100%;
}

#fiche_av .corps:before {
  content:'';
  display:block;
  background:url(http://i.imgur.com/YusRSrT.png) top center no-repeat;
  height:39px;
  width:100%;
  margin-top:-30px;
  position:relative;
  z-index:4;
}

#fiche_av .corps{
  box-sizing:border-box;
  text-align:center;
  background:#5f4437;
  padding-bottom:10px;
}


#fiche_av .corps .name {
  font-size:30px;
  font-family:"Trochut";
  position:relative;
  z-index:5;
  text-transform:uppercase;
  
}

#fiche_av h2 {
  font-size:20px;
  display:block;
  margin:10px 0 -10px;
  text-transform:uppercase;
  text-align:left;
  font-family: 'Playfair Display', serif;
  text-indent:5%;
}

#fiche_av .corps div {
  position:relative;
  margin:12px;
  text-align:justify;
  padding:6px;
  background:rgba(0,0,0,0.1);
  overflow:auto;
  height:120px;
  line-height:13px;
}

#fiche_av .corps .ava {
  display:inline-block;
  vertical-align:top;
  width:200px;
  margin: 12px 0 12px 12px;
}

#fiche_av .corps .infos_pv{
  display:inline-block;
  vertical-align:top;
  width:200px;
  height:320px;
  padding:10px;
  box-sizing:border-box;
}


#fiche_av .corps .infos {
  overflow:none;
  height:auto;
}


#fiche_av .corps .infos strong {
  text-transform:uppercase;
  font-family:arial;
  font-size:11px;
}
  
  #fiche_av a {opacity:0.8;color:white;text-decoration:none;font-size:10px;}
Revenir en haut Aller en bas
http://essay.forumgratuit.ch

[CREAPHY] Code de Présentation #2

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Code de présentation de fiche liens
» Code de présentation de fiche RP
» Fiche de présentation HTML qui ne veux pas se poster
» Code de présentation qui ne s'affiche pas
» Classe liée au CSS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Essai-Fond-Pyphilia :: Créaphy :: Codages-