Fiche Administrative
HTML & CSS - Taille de la fiche : 500 - Aperçu 01 Aperçu 02 Aperçu 03
Bonjour, bonsoir à tous et à toutes :)
Voici une modification de ma fiche rp couleur claire. Celle-ci comporte quelque ajout et une version avec image ^^.
Code Css
- Code:
/* -------------------------------- FICHE RP PAR CRUELLY -------------------------------- */
.Fond {
width: 500px;
background-color: #C6C9D8;
margin :auto;
box-shadow: 0px 0px 5px #ffffff;
}
.Fond p {
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
color: #555555;
text-align: justify;
font-family: arial;
text-shadow: 0px 0px 5px #ffffff;
}
.Parg {
width: 440px;
background-color: #AAAFC4;
margin :auto;
box-shadow: 0px 0px 5px #888888;
}
.Fond h4 {
font-family: 'Monotype corsiva', cursive;
color: #ffffff;
font-size: 40px;
font-style: italic;
background-color: #8C99AE;
text-align: center;
text-shadow: 0px 0px 2px #ffffff;
}
.Cred1 {
font-size: 10px;
color: #ffffff;
text-align: center;
font-family: arial;
}
/* -------------------------------- FIN FICHE RP -------------------------------- */
HTML Fiche 01
- Code:
<div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p>
</div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
</div>
HTML Fiche 02
- Code:
<div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p><H4>Ton titre super classe</H4><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p></div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
</div>
HTML Fiche 03
- Code:
<div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><div style=" height: 118px; background: url(http://image.noelshack.com/fichiers/2016/17/1461639114-sans-titre-2.png); "></div><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p>
</div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
</div>
Dernière édition par Cruelly le Mer 3 Aoû 2016 - 2:29, édité 1 fois