Il n'est pas nécessaire de me prévenir ou me remercier lorsque vous vous servez ici, mais un crédit est toujours sympa. Bien sûr, interdit de retirer les crédits sur les libres services que vous prenez. Le vol c'est mal c:
 
AccueilRechercherS'enregistrerConnexionRèglement Gris et Bleu (en cours) 8ttj

Voir le sujet précédent Voir le sujet suivant Aller en bas
Règlement Gris et Bleu (en cours)
Aadelrun

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.



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="https://aadelrun.forumactif.com/">Code par Aadelrun</a></div></center></div>

CSS
Code:
/*--------------------- Fiche règlement par Aadelrun --------------------*/
.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;
}

.credits a {
  color:#84A4B0;
}

/*-------- 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="https://aadelrun.forumactif.com/" style="color:#84A4B0">Code par Aadelrun</a></div></div>
Aadelrun
Aadelrun
Admin
Messages : 45
Date d'inscription : 01/09/2019
https://aadelrun.forumactif.com
Jeu 10 Oct - 18:08
Revenir en haut Aller en bas
Aadelrun

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.

Aadelrun
Aadelrun
Admin
Messages : 45
Date d'inscription : 01/09/2019
https://aadelrun.forumactif.com
Jeu 10 Oct - 18:08
Revenir en haut Aller en bas
Sauter vers: