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 : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

    Street Dance is an Art (dark)

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

    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 : 36Messages : 124

    Mer 8 Avr 2015 - 19:46

    Pas mal
    Arlecchino
    Arlecchino
    MasculinAge : 29Messages : 7

    Sam 18 Avr 2015 - 13:47

    J'aodre
    Deed01
    Deed01
    MasculinAge : 47Messages : 343

    Jeu 7 Mai 2015 - 16:30

    merci
    Manon88
    Manon88
    FémininAge : 25Messages : 53

    Jeu 14 Mai 2015 - 22:27

    merci



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

    Dim 17 Mai 2015 - 21:29

    Je prend omg c'est super *_*
    Madras
    Madras
    FémininAge : 39Messages : 285

    Dim 21 Juin 2015 - 10:41

    Merci
    whowwillfallfirst
    whowwillfallfirst
    MasculinAge : 25Messages : 54

    Dim 25 Oct 2015 - 11:41

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

    Dim 25 Oct 2015 - 14:11

    Merci ! =D
    Anonymous
    Invité

    Dim 25 Oct 2015 - 16:40

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

    Sam 31 Oct 2015 - 19:09

    sympa :)
    Cassisse
    Cassisse
    FémininAge : 32Messages : 130

    Sam 2 Jan 2016 - 21:57

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

    Sam 16 Jan 2016 - 2:26

    Merci
    Neya
    Neya
    FémininAge : 25Messages : 164

    Dim 17 Jan 2016 - 13:23

    Merci
    NanoiHime
    NanoiHime
    FémininAge : 26Messages : 566

    Jeu 11 Fév 2016 - 20:26

    Merciii



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

    Sam 21 Mai 2016 - 23:32

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

    Lun 23 Mai 2016 - 10:51

    Merci ^^
    Ayfoth
    Ayfoth
    MasculinAge : 34Messages : 1330

    Mar 19 Juil 2016 - 12:44

    Merci pour cette page alice Very Happy



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

    Mar 16 Aoû 2016 - 20:24

    merci
    SweetDreams
    SweetDreams
    FémininAge : 26Messages : 32

    Sam 22 Oct 2016 - 15:41

    Merci beaucoup, j'adore :3
    Darouine Lius
    Darouine Lius
    MasculinAge : 35Messages : 77

    Sam 10 Déc 2016 - 13:24

    merci
    Elwana
    Elwana
    FémininAge : 27Messages : 42

    Mar 28 Mar 2017 - 0:46

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

    Jeu 6 Avr 2017 - 1:59

    merci
    Nord
    Nord
    MasculinAge : 24Messages : 169

    Lun 17 Avr 2017 - 16:08

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

    Lun 17 Avr 2017 - 18:20

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 9:52