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 : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

    page d'accueil simple

    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Dim 19 Jan 2014 - 16:53

    Rappel du premier message :

    Bonjour ! Suite à une commande qui n'a pas abouti je vous propose donc le code.

    Comme vous pouvez le voir, c'est assez simple, et le code est plus un LS de structure selon moi. M'enfin faites en bonne utilisation =3

    Code CSS
    Code:
        /*PA*/
        #entete {
        text-align:center;
          height:200px;
          width:780px;
          margin-bottom:20px;
            border-style:solid;
          border-width:3px;
        }
        #main {
        margin:auto;
          max-width:780px;
        }
        #menu  {
        float:left;
        width:240px;
          padding: 5px;
          height:190px;
       
        }
        #contenu {
          float:left;
          width:500px;
        margin-left:20px;
          height:200px;
        }
        #footer {
          max-width:780px;
        margin:auto;
        }

        #pacadre1, #pacadre2, #pacadre3{
          width:240px;
          height:100px;
          margin-top:20px;
        }
        #pacadre1{
          background-color:cyan;
        float:left;}
        #pacadre2{background-color:red;
        margin-left:20px;
        float:left;}
        #pacadre3{background-color:black;
        margin-left:20px;
        float:left;}

        #pacadre3, #pacadre2, #pacadre1, #contenu, #menu, #entete  {
          border-radius: 25px;
          background-color:#E8F0F4;
          border-color:orange;
          font-color:black;
         
        }

        #pacadre3, #pacadre2, #pacadre1, #contenu, #menu  {
          border-style:dotted;
          border-width:1px;
        }

        #patexte{padding:10px;
        font-family:Georgia;
        text-align:justify;}


        #pafastlink
        {
          display: block;
          padding: 3px;
          margin-bottom: 1px;
          text-align: center;
          background: #E8F0F4;
          color: #A12D2D !important;
          font-weight: bold;
          font-size: 12px;
          text-transform: uppercase;
          transition: 500ms;
          -webkit-transition: 500ms;
          border-radius: 25px;
       
        }

        #pafastlink:hover
        {
          background: #79BAEC;
          color:
        #cc0000 !important;
          transition: 500ms;
          -webkit-transition: 500ms;
        }

    Code HTML
    Code:

        <div id="entete">
        <div id=patexte>TON TEXTE></div>
        </div><div id="main">
        <div id="menu">
        <div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div><div id="pafastlink">Lien 1</div>

        </div>
        <div id="contenu">
        <div id=patexte>TON TEXTE></div>
        </div>
        </div><div id="footer"><div id="pacadre1"><div id=patexte>TON TEXTE></div></div><div id="pacadre2"><div id=patexte>TON TEXTE></div></div><div id="pacadre3"><div id="patexte" style="font-size:10px" >© Page d'accueil par <a href="http://pokemon-legends.pokemonrpg.org/">Len Kagamine - PL:R</a> sur <a href="http://www.never-utopia.com/forum" href="_blank">Never Utopia</a></div></div>
        </div>

    Edit A-Lice : Voici un aperçu du rendu et au passage de la souris, le "fond" vert ne fait pas parti du code.

    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.
    Ryoma
    Ryoma
    MasculinAge : 37Messages : 420

    Dim 13 Juil 2014 - 13:57

    Merci.
    Killae Adams
    Killae Adams
    FémininAge : 24Messages : 114

    Lun 14 Juil 2014 - 19:36

    Juste pour dire qu'on a plus le visuel x:
    Petit Harfang
    Petit Harfang
    FémininAge : 24Messages : 80

    Mer 16 Juil 2014 - 17:04

    Dommage qu'on puisse pas voir mais merci :)
    Comediia
    Comediia
    FémininAge : 26Messages : 17

    Dim 20 Juil 2014 - 19:59

    Merci du partage
    mackay
    mackay
    MasculinAge : 36Messages : 124

    Lun 21 Juil 2014 - 8:46

    Merci
    Cupcake-11
    Cupcake-11
    FémininAge : 26Messages : 31

    Lun 28 Juil 2014 - 17:56

    Merci
    Arpège
    Arpège
    FémininAge : 26Messages : 112

    Ven 15 Aoû 2014 - 22:54

    Ho ~
    Merci du partage =D



    page d'accueil simple - Page 3 170221084427548922
    Writers World commence à ouvrir !
    Nyusu97
    Nyusu97
    FémininAge : 27Messages : 60

    Ven 29 Aoû 2014 - 16:47

    Merci !



    page d'accueil simple - Page 3 974744Signa
    Haniwa
    Haniwa
    FémininAge : 30Messages : 206

    Ven 29 Aoû 2014 - 19:45

    Je regarde merci :)
    Ay.am.e
    Ay.am.e
    FémininAge : 26Messages : 123

    Mar 2 Sep 2014 - 4:16

    Merci !
    ~Nodoka~
    ~Nodoka~
    FémininAge : 27Messages : 185

    Jeu 4 Sep 2014 - 11:00

    Merci du partage :)
    Brookinette
    Brookinette
    FémininAge : 32Messages : 46

    Jeu 25 Sep 2014 - 13:03

    J'aime bien :) merci
    Yovoed
    Yovoed
    FémininAge : 25Messages : 62

    Sam 1 Nov 2014 - 16:28

    Merci ^^
    Chocolakato
    Chocolakato
    FémininAge : 34Messages : 837

    Mar 4 Nov 2014 - 19:14

    J'vois pas l'exemple Sad



    Avallon
    Avallon
    FémininAge : 32Messages : 48

    Ven 14 Nov 2014 - 20:50

    Merci :)
    Dreamyland
    Dreamyland
    FémininAge : 27Messages : 88

    Jeu 8 Jan 2015 - 18:16

    Merci
    SooJaeHee
    SooJaeHee
    FémininAge : 29Messages : 50

    Jeu 8 Jan 2015 - 19:16

    merci :)
    Shany
    Shany
    FémininAge : 40Messages : 59

    Sam 10 Jan 2015 - 12:34

    merci
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 32Messages : 64

    Sam 10 Jan 2015 - 16:00

    Ton tuto semble sympa je vais l'essayer




    page d'accueil simple - Page 3 478753Chantal
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Lun 12 Jan 2015 - 16:33

    Merci!
    Hayate747
    Hayate747
    MasculinAge : 35Messages : 196

    Ven 16 Jan 2015 - 13:25

    Merci
    Anonymous
    Invité

    Ven 16 Jan 2015 - 17:54

    Il faudrait réactualiser la démo du code, le forum de démonstration n'existe plus :)
    Lunet
    Lunet
    FémininAge : 27Messages : 27

    Ven 16 Jan 2015 - 23:40

    Thanks !
    O'Daim
    O'Daim
    FémininAge : 29Messages : 116

    Sam 17 Jan 2015 - 0:38

    Merci !
    Irissia87
    Irissia87
    FémininAge : 37Messages : 124

    Ven 13 Mar 2015 - 20:42

    merci pour le tuto
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 9:02