AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -49%
Samson SR850 Casque Studio ouvert
Voir le deal
25 €

    Règlement gris et bleu

    Aadelrun
    Aadelrun
    FémininAge : 20Messages : 79

    le Sam 2 Déc 2017 - 19:25

    Bonjour ! Je vous propose un code de règlement que vous pouvez modifier comme bon vous semble, tant que vous laissez les crédits :p C'est un de mes premiers codes, et mon premier avec HTML et CSS séparé, hésitez pas à me dire si je peux corriger quelque chose !

    Je ne mets pas les codes sous hide, mais un petit merci ou commentaire fait toujours plaisir :p

    Aperçu en image : www
    L'image fait 456*146px


    Code HTML :
    Code:
    <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
    <div class="background"><center><span class="h1">Titre</span></center><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/><center><span class="credits"><a href="http://www.never-utopia.com">Code par Aadelrun</a></span></center></div>

    Code 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 {
      bacground-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;
    }
    /*-------- Fin règlement-------*/



    Règlement gris et bleu 1502999567-ghgh-gh
    Onyx
    Onyx
    FémininAge : 26Messages : 3302

    le Sam 23 Fév 2019 - 3:54

    Salut!

    C'est très bien, je déplace dans le Libre Service !
    Merci de ton partage ♥



    Kelalin
    Kelalin
    FémininAge : 27Messages : 2145

    le Sam 23 Fév 2019 - 11:45

    Merci pour le partage :)
    Uonde
    Uonde
    FémininAge : 30Messages : 20

    le Ven 24 Mai 2019 - 18:30

    Merci beaucoup ♥ j'adore les genre épuré comme celui-ci :3
    Contenu sponsorisé


      La date/heure actuelle est Ven 28 Fév 2020 - 19:51