AccueilFAQRechercherMembresGroupesS'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.


    Page d'accueil | 4 cases

    Partagez
    avatar
    Nemalus
    FémininAge : 20Messages : 358

    le Dim 6 Sep 2015 - 9:22


    Une page d'accueil simple en 4 cases, les images et couleurs sont modifiables.
    Page d'accueil réalisée suite à la demande de Dreamyland.
    Aperçu : www

    Les codes :
    HTML:
    Code:
    <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" />
    <div class="fond_pa">
                                                                    
     <table>
                                                                  
     <tbody>
                                                        
     <tr>
                                                                  
     <td>
                                                                  
     <div class="contexte">
                                          
     <div class="texte">
                                      
     <div style="color: #2ACAD0; text-align:left; font-family:Amatic SC; font-size:30px;">
                    Revue alsacienne                
     </div>
                    La Revue alsacienne illustrée (en allemand Illustrirte elsässische Rundschau1) a été créée à Strasbourg par Charles Spindler et Anselme Laugel en 18981. Cette revue trimestrielle multilingue1 avait pour objectif de faire connaître la culture et les traditions alsaciennes en mettant en valeur leurs racines françaises. Pierre Bucher en a été le directeur à partir de 1901. En 1912, il ajoute à la revue, avec la collaboration du Dr. Ferdinand Dollinger, les Cahiers alsaciens2, cahiers à vocation plus politiquement opposés au germanisme, chronique de la vie morale et économique de l'Alsace. Dans le numéro d'avril 1900 il est fait mention pour la première fois du projet de création d'un « musée ethnographique alsacien », qui aurait pour mission de « conserver aux générations futures les témoins du passé, tous ces objets dont l'existence est aujourd'hui si compromise »3. Cette réflexion aboutit en 1907 à la création du Musée alsacien de Strasbourg. La revue cesse de paraître en 19141.                  
     </div>
                                                            
     </div>
                                                                  
     </td>
                                                                  
     <td>
                                                                
     <div class="news">
                                
     <div class="texte">
                                      
     <div style="color: #000; text-align:left; font-family:Amatic SC; font-size:30px;">
                    News                
     </div><span style="color: #000;"> XXX :</span>La Folk Nation est un gang de rue créé et basé à Chicago qui s'est depuis propagé à travers les États-Unis et le Canada, plus précisément dans le Midwest et dans le Sud. Ils sont les rivaux de la People Nation.<br /><span style="color: #000;"> XXX :</span>Mardi gras (Sunny) est un film musical américain réalisé par Herbert Wilcox, sorti en 1941.              
     </div>
                                                                  
     </div>
                                      <br />                        
     <div class="staff">
                                          
     <div style="color: #fff; text-align:left; font-family:Amatic SC; font-size:30px;">
                    Staff                
     </div>
            
     <table>
            
     <tbody>
            
     <tr>
            
     <td>
         <img src="https://placehold.it/160x80" />    
     </td>
            
     <td>
            
     <div class="texte">
       <a href="#">MP</a><br /><a href="#">Profil</a>  
     </div>
            
     </td>
            
     </tr>
            
     </tbody>
            
     </table>
                                                                    
     </div>
                                                                    
     </td>
                                                                  
     <td>
                                                                  
     <div class="credits">
                            
     <div class="texte">
                                      
     <div style="color: #000; text-align:left; font-family:Amatic SC; font-size:30px;">
                    Crédits                
     </div>
              Page d'accueil par <a href="http://kingdom-of-panda.forumactif.org/">Nemalus</a> sur <a href="http://www.never-utopia.com/">Never Utopia</a>            
     </div>
                      
     </div>
                                                                                                          
     </td>
                                                                  
     </tr>
                                                                          
     </tbody>
                                                                  
     </table>
                                                            
    </div>
        

    CSS:
    Code:
    /* Page d'accueil par Nemalus sur N.U */
    .fond_pa {
      background:transparent;
      width:800px;
      height:300px;
    }
    .texte {
      font-family: 'Amatic SC', sans-serif;
      font-size: 20px;
      color: white;
      padding-right: 10px;
      padding-left: 10px;
    }
    .contexte {
      width:195px;
      height:293px;
      overflow:auto;
      background-color:#000;
    }
    .news {
      width:363px;
      height:155px;
      overflow:auto;
      background-color:#2ACAD0;
    }
    .staff {
      width:230px;
      height:125px;
      background-color:#7B7B7B;
    }
    .credits {
      width:200px;
      height:293px;
      background-color:#7B7B7B;
      overflow:auto;
    }


    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.
    avatar
    Kelalin
    FémininAge : 26Messages : 1965

    le Dim 6 Sep 2015 - 12:03

    Merci !! (((o(*゚▽゚*)o)))
    avatar
    Antithée
    FémininAge : 21Messages : 69

    le Ven 8 Avr 2016 - 17:19

    Salut je déterre un sujet datant de septembre et encore, je sais pas quelle année :3

    Mais j'aime beaucoup ! Merci du partage ♥
    avatar
    Lone wanderer
    MasculinAge : 26Messages : 154

    le Jeu 14 Avr 2016 - 9:16

    Merci ! =)
    avatar
    jeremy31
    MasculinAge : 21Messages : 22

    le Mer 27 Avr 2016 - 23:36

    merci :)
    avatar
    NanoiHime
    FémininAge : 19Messages : 563

    le Dim 14 Aoû 2016 - 22:09

    merci



    avatar
    Loona
    FémininAge : 51Messages : 21

    le Mer 17 Aoû 2016 - 10:40

    Merci.



    avatar
    Mello
    FémininAge : 21Messages : 52

    le Dim 28 Aoû 2016 - 20:25

    Merci!:)
    avatar
    Ozsi
    MasculinAge : 21Messages : 27

    le Ven 10 Fév 2017 - 2:50

    Merci :)
    avatar
    DaZeli
    FémininAge : 22Messages : 377

    le Sam 11 Fév 2017 - 22:26

    Merci (:
    avatar
    Kuta89
    MasculinAge : 20Messages : 12

    le Sam 4 Mar 2017 - 15:47

    Merci !
    avatar
    Uneraell
    FémininAge : 25Messages : 5

    le Dim 5 Mar 2017 - 9:16

    Merci !!
    avatar
    Suna
    FémininAge : 13Messages : 33

    le Dim 5 Mar 2017 - 12:50

    Thank you ^^'



    Salut à tous, mon nom est Suna en rapport avec Suna (un village de Ninja dans Naruto)
    Mes surnoms son Gaga, Erza et Gaara. j'aime beaucoup les mangas et en particulier Fairy Tail. Je suis fort en rpg, mnof e, codage et nulle à chier en graphisme.

    avatar
    Melanchlovia
    FémininAge : 21Messages : 19

    le Mer 7 Juin 2017 - 13:59

    thxx
    avatar
    Pollux
    FémininAge : 27Messages : 97

    le Ven 16 Juin 2017 - 0:46

    Merci
    avatar
    Sumaki
    FémininAge : 20Messages : 31

    le Mer 28 Juin 2017 - 22:51

    Merci ~
    avatar
    Marvile27
    MasculinAge : 28Messages : 2

    le Sam 9 Sep 2017 - 14:35

    Merci beaucoup ! :aww:
    avatar
    Pelezinho
    MasculinAge : 19Messages : 87

    le Jeu 28 Sep 2017 - 0:35

    farpait



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    avatar
    Rowe
    MasculinAge : 24Messages : 4

    le Ven 29 Sep 2017 - 16:16

    Merci ^^
    avatar
    defenrir
    MasculinAge : 35Messages : 75

    le Mar 10 Avr 2018 - 14:44

    merci
    avatar
    Amaliiah
    FémininAge : 19Messages : 50

    le Lun 23 Avr 2018 - 21:20

    merci !!
    avatar
    wally the bully
    MasculinAge : 19Messages : 58

    le Jeu 3 Mai 2018 - 21:44

    Thanks!
    Contenu sponsorisé


      La date/heure actuelle est Dim 21 Oct 2018 - 23:39