Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

Aller en bas
Aadelrun
Aadelrun
Alpha
Féminin

Règlement gris et bleu Empty Règlement gris et bleu

Ven 1 Déc - 22:30

Titre

Titre - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.
Titre - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.
Titre - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.



Code HTML :
Code:
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="background"><sdiv class="h1">Titre</div><br><div class="image"><img src="http://image.noelshack.com/fichiers/2017/48/5/1512162476-dotted-line.png"/></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><br/><div class="credits"><a href="http://remember-the-onirism.forumactif.com/forum">Code par Anuska</a></div></center></div>

Code CSS à mettre dans Affichage > Couleur > Feuille de style CSS :
Code:
/*--------- Fiche règlement ---------*/
.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
}

.h1 {
  color:#2F3D4F;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
  text-align:center;
  margin-bottom:20px;
}
.image {
  background-color:#D7D8D9
  width:456px; height:146px;
  box-shadow: 0px 0px 6px black;
  margin:auto;
}
.contenu {
  margin-top: 20px;
  background-color:#D7D8D9;
  padding:10px;
}
.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;
}
.texte {
  color:#292929;
  font-size:12px;
  text-align:justify;
}

.credits {
   font-size: 11px;
   text-align:center;
}
/*-------- Fin règlement-------*/

HTML + CSS :
Code:
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div style="background-color:#E4E4E4; width:520px; border-left:solid 3px #A7BEC7; border-right:solid 3px #A7BEC7; margin:auto; padding:30px;"><div style="color:#2F3D4F; font-size:30px; font-family: 'Julius Sans One', sans-serif; text-align:center; margin-bottom:20px; text-align:center">Titre</div><br><div style="background-color:#D7D8D9; width:456px; height:146px; box-shadow: 0px 0px 6px black; margin:auto;"><img src="http://image.noelshack.com/fichiers/2017/48/5/1512162476-dotted-line.png"/></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre -</span><span style="color:#292929; font-size:12px; text-align:justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre - </span><span style="color:#292929; font-size:12px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre - </span><span style="color:#292929; font-size:12px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><br/><div style="font-size: 11px; text-align:center"><a href="http://remember-the-onirism.forumactif.com/forum">Code par Anuska</a></div></div>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum