Fiche tout usage - Grise et verte

 :: La précision du codage :: Libre service de codage Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
Messages : 17
Date d'inscription : 27/08/2017
Age : 16
Dim 27 Aoû - 15:45
Salut tous le monde !
Voilà une fiche pour tous les usage ! J'espère qu'elle vous sera utile Wink
Aperçut : https://i.goopics.net/NDEgW.jpg

HTML :
Code:
<link href="https://fonts.googleapis.com/css?family=Dosis|Oswald" rel="stylesheet">
<div class="corps_ficheoff"><div class="marge_ficheoff"><img class="img_ficheoff" src=""/><div class="titre1_ficheoff">Titre principal de la fiche</div><div class="titre2_ficheoff">Sous-titre</div><div class="contenu_ficheoff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pretium nisl sit amet venenatis aliquam. In iaculis sit amet nisl sit amet vulputate. Sed consectetur dui nibh, nec finibus lacus sagittis et. Morbi nec euismod risus, ut aliquam purus. Etiam mattis nulla urna. Integer eleifend enim nec tincidunt egestas. Nam justo sem, ornare nec neque eget, sollicitudin laoreet tellus. Mauris id euismod metus.
Fusce augue ipsum, egestas ut laoreet sed, consectetur non sem. Aliquam nisi leo, accumsan vitae ex at, sagittis vestibulum nisi. Duis pulvinar bibendum eros, vel finibus velit efficitur vel. Suspendisse potenti. Nulla ultrices leo volutpat, accumsan diam id, tempor justo. Nulla facilisi. Suspendisse tempor arcu ac vulputate porta.
</div><div class="titre2_ficheoff">Sous-titre</div><div class="contenu_ficheoff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pretium nisl sit amet venenatis aliquam. In iaculis sit amet nisl sit amet vulputate. Sed consectetur dui nibh, nec finibus lacus sagittis et. Morbi nec euismod risus, ut aliquam purus. Etiam mattis nulla urna. Integer eleifend enim nec tincidunt egestas. Nam justo sem, ornare nec neque eget, sollicitudin laoreet tellus. Mauris id euismod metus.
Fusce augue ipsum, egestas ut laoreet sed, consectetur non sem. Aliquam nisi leo, accumsan vitae ex at, sagittis vestibulum nisi. Duis pulvinar bibendum eros, vel finibus velit efficitur vel. Suspendisse potenti. Nulla ultrices leo volutpat, accumsan diam id, tempor justo. Nulla facilisi. Suspendisse tempor arcu ac vulputate porta. <div style="text-align: right; font-family: dosis; font-size: 12px; color: #333333;">Fiche codée par Ariemm d'<a href="http://orchedin.forumactif.org/">Orchedin</a></div></div></div></div>

CSS :
Code:
.corps_ficheoff {
margin: auto;
width: 500px;
background-color: hsl(0, 0%, 98%);
border-top: 5px solid #99f0ca;
border-bottom: 5px solid #99f0ca;
border-left: 1px solid #99f0ca;
border-right: 1px solid #99f0ca;
}

.marge_ficheoff {
margin: auto;
width: 460px;
}

.img_ficheoff {
margin-top: 20px;
width: 456px;
height: 146px;
border: 2px solid #cccccc;
}

.titre1_ficheoff {
text-align: center;
font-family: Oswald;
letter-spacing: 3px;
font-size: 20px;
color: #333333;
border-bottom: 2px solid #cccccc;
}

.titre2_ficheoff {
margin-top: 20px;
padding-left: 3px;
border-left: 3px solid #333333;
font-family: Oswald;
font-size: 13px;
letter-spacing: 3px;
color: #333333;
}

.contenu_ficheoff {
margin-bottom: 20px;
width: 460px;
text-align: justify;
font-family: Dosis;
color: #333333;
font-size: 12px;
}
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Marcher tout en étant bourré
» ♠ Tout est relatif, seul la Vodka est Absolut
» Création d'un groupe Tout sur RRTC
» Ecran tout bleu
» [Fermé] PC Lent Mais tout neuf ...