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 à ne pas rater :
Nike : 25% de réduction supplémentaire sur les articles soldés
Voir le deal

    Street Dance is an Art (dark)

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

    le Sam 14 Mar 2015 - 12:00


    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 ^^

    mackay
    mackay
    MasculinAge : 31Messages : 124

    le Mer 8 Avr 2015 - 19:46

    Pas mal
    Arlecchino
    Arlecchino
    MasculinAge : 24Messages : 7

    le Sam 18 Avr 2015 - 13:47

    J'aodre
    Deed01
    Deed01
    MasculinAge : 42Messages : 340

    le Jeu 7 Mai 2015 - 16:30

    merci
    Manon88
    Manon88
    FémininAge : 20Messages : 53

    le Jeu 14 Mai 2015 - 22:27

    merci



    Pas de publicité dans les signatures, merci.
    Carlotta Besascar
    Carlotta Besascar
    FémininAge : 19Messages : 26

    le Dim 17 Mai 2015 - 21:29

    Je prend omg c'est super *_*
    Madras
    Madras
    FémininAge : 35Messages : 282

    le Dim 21 Juin 2015 - 10:41

    Merci
    whowwillfallfirst
    whowwillfallfirst
    MasculinAge : 21Messages : 54

    le Dim 25 Oct 2015 - 11:41

    Merci ham1
    Whit
    Whit
    FémininAge : 22Messages : 154

    le Dim 25 Oct 2015 - 14:11

    Merci ! =D
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2234

    le Dim 25 Oct 2015 - 16:40

    Merci pour le partage ! \(@ ̄∇ ̄@)/
    Lilynufare
    Lilynufare
    FémininAge : 29Messages : 341

    le Sam 31 Oct 2015 - 19:09

    sympa :)
    Cassisse
    Cassisse
    FémininAge : 27Messages : 127

    le Sam 2 Jan 2016 - 21:57

    j'adore !
    Voltino
    Voltino
    MasculinAge : 25Messages : 55

    le Sam 16 Jan 2016 - 2:26

    Merci
    Neya
    Neya
    FémininAge : 21Messages : 164

    le Dim 17 Jan 2016 - 13:23

    Merci
    NanoiHime
    NanoiHime
    FémininAge : 21Messages : 566

    le Jeu 11 Fév 2016 - 20:26

    Merciii



    Eil'liathan Tyan'Lirulin
    Eil'liathan Tyan'Lirulin
    FémininAge : 29Messages : 315

    le Sam 21 Mai 2016 - 23:32

    J'aime bien ! Merci ^^
    Djeina
    Djeina
    FémininAge : 23Messages : 233

    le Lun 23 Mai 2016 - 10:51

    Merci ^^
    Ayfoth
    Ayfoth
    MasculinAge : 30Messages : 1329

    le Mar 19 Juil 2016 - 12:44

    Merci pour cette page alice Very Happy



    Street Dance is an Art (dark) Oyl7
    Fame
    Fame
    MasculinAge : 30Messages : 240

    le Mar 16 Aoû 2016 - 20:24

    merci
    SweetDreams
    SweetDreams
    FémininAge : 22Messages : 32

    le Sam 22 Oct 2016 - 15:41

    Merci beaucoup, j'adore :3
    avatar
    Darouine Lius
    MasculinAge : 30Messages : 65

    le Sam 10 Déc 2016 - 13:24

    merci
    Elwana
    Elwana
    FémininAge : 23Messages : 42

    le Mar 28 Mar 2017 - 0:46

    Contente de trouver tout ça quand je me remets au codage, merci :p
    mijako
    mijako
    FémininAge : 28Messages : 83

    le Jeu 6 Avr 2017 - 1:59

    merci
    Nord
    Nord
    MasculinAge : 20Messages : 169

    le Lun 17 Avr 2017 - 16:08

    Merci ! ^^
    Memorian
    Memorian
    FémininAge : 26Messages : 52

    le Lun 17 Avr 2017 - 18:20

    merci
    Contenu sponsorisé


      La date/heure actuelle est Sam 8 Aoû 2020 - 17:23