AccueilDernières imagesRechercherS'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 :
Carte Fnac+ Jackpot avec 30€ offerts sur le ...
Voir le deal
19.99 €

    Street Dance is an Art (dark)

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Sam 14 Mar 2015 - 12:00

    Rappel du premier message :


    Street Dance is an Art


    Suite à ma participation au deuxième "Y a de l'ambiance" voici la version Dark.

    Je précise que l'arrière plan blanc correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : www ~ phpBB2


    Et le code :
    HTML :
    Code:
    <link href="http://fonts.googleapis.com/css?family=Keania+One|Expletus+Sans:400italic|Warnes" rel="stylesheet" type="text/css" />
    <div class="fiche">
                      
       <div class="titre">
                  Le titre du forum       
       </div><br />       
       <div class="banniere">
                         
       </div><br />       
       <div class="bloc">
                       
          <div class="soustitre">
                 Contexte   
          </div><br />   
          <p>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non varius lectus, et euismod enim. Fusce dui sem, congue nec quam vel, aliquet rhoncus nulla. Phasellus efficitur justo sit amet eros fringilla, nec porta dolor ultricies. Donec at felis tincidunt, sodales neque at, tincidunt ipsum. Maecenas imperdiet dui magna, in dignissim elit eleifend a. Aliquam et magna a enim elementum pulvinar ut vel magna. Nulla est justo, luctus vitae diam eu, commodo venenatis orci. Pellentesque non semper ipsum, aliquam dignissim risus. Pellentesque sodales nunc eget dui hendrerit imperdiet.   
          </p>
               
       </div>
                      
       <div class="bloc">
                       
          <div class="soustitre">
                 News   
          </div><br />   
          <p>
               00/00/00 :: Pellentesque sodales nunc eget dui hendrerit imperdiet. <br />00/00/00 :: Pellentesque sodales nunc eget dui hendrerit imperdiet. <br />00/00/00 :: Pellentesque sodales nunc eget dui hendrerit imperdiet. <br /> 
          </p>
               
       </div><br /><br /><a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <a href=""><img src="http://nsa33.casimages.com/img/2015/03/01/15030102541423715.png" class="partoch" /></a> <br /><br /><a href="http://www.never-utopia.com" class="credit">A-Lice | Never-Utopia</a><br /><br />
    </div>


    CSS :
    Code:
    .fiche {
    width: 750px;
    padding: 10px;
    margin: auto;
    background: black;
    border-top: solid 2px #4833b5;
    border-bottom: solid 2px #bb1846;
    }

    .titre {
    text-align: center;
    font-size: 25px;
    letter-spacing: 2px;
    height: 30px;
    padding: 10px;
    color: white;
    font-family: 'Keania One', cursive;
    text-shadow: 0px 0px 5px white;
    }

    .banniere {
    width: 700px;
    height: 200px;
    margin: auto;
    overflow: hidden;
    border-top: solid 2px #4833b5;
    border-bottom: solid 2px #bb1846;
    background-image: url(http://nsa33.casimages.com/img/2015/03/01/150301022244568300.png);
    }

    .bloc {
    display: inline-block;
    width: 354px;
    height: 165px;
    border-top: solid 2px #4833b5;
    border-bottom: solid 2px #bb1846;
    margin-right: 7px;
    margin-left: 7px;
    background: #94908f;
    font-size: 13px;
    text-align: justify;
    opacity: 0.5;
    }

    .partoch { 
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-left: 7px;
    }

    a.credit {
    text-decoration: none;
    color: white;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    text-shadow: 0px 0px 5px white;
    font-family: 'Warnes', cursive;
    }

    .soustitre {
    text-align: center;
    height: 25px;
    color: white;
    padding: 5px;
    margin-bottom: -10px;
    font-family: 'Keania One', cursive;
    font-size: 20px;
    letter-spacing: 2px;
    }

    p {
    height: 100px;
    width: 300px;
    margin: auto;
    overflow: auto;
    }

    Les autres versions :


    Version avec transition
    Version Light
    Version Dark

    /!\ En cas de problème, c'est ici ou que ça ce passe.

    Merci à Dakota qui a été ma muse pour cette page d'accueil puisque l'image vient de lui !

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Vos commentaires et remerciements sont toujours bienvenus ^^

    Onlyo
    Onlyo
    FémininAge : 27Messages : 24

    Jeu 4 Mai 2017 - 17:53

    Merciii
    Chadot
    Chadot
    FémininAge : 36Messages : 248

    Lun 8 Mai 2017 - 7:04

    Merci



    Street Dance is an Art (dark) - Page 2 2mo6y5k
    Abysse Yclette
    Abysse Yclette
    FémininAge : 32Messages : 123

    Jeu 18 Mai 2017 - 11:27

    Hello ! Un petit message pour signaler que les images de démo ne sont plus visibles, sur aucun des trois tutos proposés D=



    Street Dance is an Art (dark) - Page 2 742880velo
    Maitre_Soda
    Maitre_Soda
    MasculinAge : 47Messages : 33

    Sam 20 Mai 2017 - 15:25

    merci
    Kamui Kyuuji
    Kamui Kyuuji
    MasculinAge : 32Messages : 30

    Dim 21 Mai 2017 - 18:12

    Merci.
    R.Falsworth
    R.Falsworth
    FémininAge : 27Messages : 92

    Mar 23 Mai 2017 - 13:37

    thanks !! :o
    Kizuro hoki
    Kizuro hoki
    MasculinAge : 28Messages : 45

    Lun 5 Juin 2017 - 11:46

    I like it !
    Sylphyde
    Sylphyde
    FémininAge : 33Messages : 18

    Lun 3 Juil 2017 - 8:05

    Merci
    Calico
    Calico
    FémininAge : 29Messages : 15

    Mar 17 Oct 2017 - 22:19

    merci
    Nélie Reinart
    Nélie Reinart
    FémininAge : 25Messages : 46

    Mar 24 Oct 2017 - 14:06

    merci
    icequeen38
    icequeen38
    FémininAge : 31Messages : 49

    Mer 1 Nov 2017 - 15:20

    merci
    phenixia74
    phenixia74
    FémininAge : 46Messages : 61

    Lun 5 Fév 2018 - 7:49

    Merci pour les codes :)
    Selmacke
    Selmacke
    FémininAge : 34Messages : 100

    Mar 13 Fév 2018 - 17:42

    Merci :)
    Mattyew
    Mattyew
    MasculinAge : 30Messages : 90

    Dim 25 Mar 2018 - 12:07

    Merci :)
    defenrir
    defenrir
    MasculinAge : 41Messages : 105

    Mar 10 Avr 2018 - 14:08

    merci o/
    jake price
    jake price
    FémininAge : 33Messages : 26

    Dim 12 Juil 2020 - 20:57

    merci
    jake price
    jake price
    FémininAge : 33Messages : 26

    Jeu 16 Déc 2021 - 10:04

    merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 4 Oct 2024 - 8:27