Codage Tigrlion

Forum test de Tigrlion
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 LS • Fiche multi-usage violet/orange

Aller en bas 
AuteurMessage
Tigrlion
P'tit grillon
P'tit grillon
avatar

Messages : 123
Date d'inscription : 06/12/2013
Age : 23

Feuille de personnage
champ 1: texte
champ :

MessageSujet: LS • Fiche multi-usage violet/orange   Mer 30 Mai - 19:27





Grand Titre

une petite phrase qui devrait être un peu longue

Premier sous titre

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis vel dolor veritatis porro ut, ratione sunt cum doloremque eius perferendis molestiae, hic deserunt asperiores nostrum, nisi qui voluptatum facilis assumenda!

Deuxième sous titre

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos distinctio aperiam officiis nobis autem fugit repellendus vel esse dolor nihil magnam recusandae dicta, culpa odio saepe sint nam eum expedita.

Fiche codée par Tigrlion sur Epicode




Dernière édition par Tigrlion le Ven 1 Juin - 23:24, édité 7 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://toraion.forumactif.org
Tigrlion
P'tit grillon
P'tit grillon
avatar

Messages : 123
Date d'inscription : 06/12/2013
Age : 23

Feuille de personnage
champ 1: texte
champ :

MessageSujet: Re: LS • Fiche multi-usage violet/orange   Mer 30 Mai - 19:35

CSS
Code:
.ficheentiere {
  background-color:#fdb987;
  width:500px; overflow:hidden;
  margin:auto; font-family:Verdana;
  color:beige; font-size:13px;
  text-align:center;
}
.zonegrandtitre {
  width:550px;
  padding-bottom:15px;
  background-color:beige;
  transform-origin:0 0;
  transform:rotate(5deg);
  margin-top:-45px;
  margin-bottom:50px;
}
.zonegrandtitre h1 {
  font-family:'Kaushan Script', cursive;
  color: #aa91a7; font-size:40px; line-height:30px;
  margin: 35px 45px 10px 0px;
}
.zonegrandtitre img {
  width:550px;
}
.petitephrase {
  font-style:italic;
}
.ficheentiere hr {
  width:400px; margin-bottom:15px;
  border:1px solid beige;
}

.ficheentiere h2 {
  background-color:beige;
  color:#765b7e; font-size:24px;
  text-transform:uppercase;
  font-weight:bold;
  font-family: 'Caveat', cursive;
  width:450px; margin:0px auto;
  padding:10px 0px;
}

.ficheentiere p {
  width:430px; margin:0px auto 15px;
  background-color:#765b7e;
  padding:10px;
}

.credit {
  font-size:10px;
  color:#aa91a7;
  background-color:beige;
  opacity:0.5;
  padding:0px 25px;
  display:inline-block;
  margin-bottom: 5px;
}

.credit a {
  color:#765b7e;
  text-decoration:none;
}

HTML
Code:
<link href="https://fonts.googleapis.com/css?family=Caveat|Kaushan+Script" rel="stylesheet" /><div class="ficheentiere"><div class="zonegrandtitre">
<h1>Grand Titre</h1><img src="https://redcdn.net/hpimg15/pics/183098minibaann.png" /></div><span class="petitephrase">une petite phrase qui devrait être un peu longue</span><hr /><h2>Premier sous titre</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis vel dolor veritatis porro ut, ratione sunt cum doloremque eius perferendis molestiae, hic deserunt asperiores nostrum, nisi qui voluptatum facilis assumenda!</p><h2>Deuxième sous titre</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos distinctio aperiam officiis nobis autem fugit repellendus vel esse dolor nihil magnam recusandae dicta, culpa odio saepe sint nam eum expedita.</p><span class="credit">Fiche codée par Tigrlion sur <a href="http://www.epicode-entraide.com/">Epicode</a></span></div>


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://toraion.forumactif.org
 
LS • Fiche multi-usage violet/orange
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» DEZL 760 Lmt
» Êtes vous multi-profils avec vos navigateur ?
» Action envoyer un e-mail multi pièces jointes et envoi de groupe : Possible ou pas ?
» [Présentation] Multi...
» Créer un logiciel Multi langue

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Codage Tigrlion :: Codages :: Public-
Sauter vers: