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 du moment : -34%
Note d’Espresso – Oro di Napoli Lot 48 ...
Voir le deal
5.73 €

    page d'accueil simple

    Whitemoon
    Whitemoon
    FémininAge : 21Messages : 695

    Dim 19 Jan 2014 - 15: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.
    elsa2607
    elsa2607
    FémininAge : 23Messages : 81

    Jeu 27 Mar 2014 - 21:24

    Merci !



    page d'accueil simple - Page 2 Stvale10
    Araki
    Araki
    MasculinAge : 31Messages : 141

    Sam 29 Mar 2014 - 20:12

    Merci
    Tropik
    Tropik
    MasculinAge : 27Messages : 58

    Ven 11 Avr 2014 - 6:45

    Mici!




    lovedesign

    Patou972
    Patou972
    FémininAge : 42Messages : 172

    Dim 13 Avr 2014 - 20:45

    merci beaucoup pour le tuto  :friends: 
    Hikaria
    Hikaria
    FémininAge : 26Messages : 14

    Jeu 17 Avr 2014 - 7:51

    Merci :)
    avatar
    ikichi
    MasculinAge : 33Messages : 5

    Jeu 17 Avr 2014 - 20:19

    merci
    Nighthayah
    Nighthayah
    FémininAge : 33Messages : 69

    Lun 21 Avr 2014 - 13:21

    Merci Beaucoup
    Anonymous
    Invité

    Lun 21 Avr 2014 - 16:27

    Merci!
    Scorpio No Sonia
    Scorpio No Sonia
    MasculinAge : 31Messages : 6

    Dim 27 Avr 2014 - 13:35

    Merci pour le partage ^^
    Itazura Ai
    Itazura Ai
    FémininAge : 26Messages : 5

    Mer 30 Avr 2014 - 14:56

    Merci beaucoup ~♪
    Titou2302
    Titou2302
    MasculinAge : 18Messages : 95

    Mer 30 Avr 2014 - 16:26

    Je vais voir !
    PrincesseÔ
    PrincesseÔ
    FémininAge : 23Messages : 220

    Jeu 8 Mai 2014 - 13:01

    Pas mal j'aime ♥
    Edward Speleers
    Edward Speleers
    MasculinAge : 33Messages : 460

    Jeu 8 Mai 2014 - 15:32

    Merci :)



    page d'accueil simple - Page 2 Edkidd11
    Ren haring
    Ren haring
    MasculinAge : 26Messages : 1008

    Lun 12 Mai 2014 - 13:07

    Merci Beaucoup pour le partage
    avatar
    revolution@
    FémininAge : 31Messages : 16

    Lun 12 Mai 2014 - 18:02

    merci
    Dendari
    Dendari
    FémininAge : 44Messages : 7

    Mer 21 Mai 2014 - 19:45

    Merci \o/
    avatar
    Horus
    FémininAge : 24Messages : 56

    Lun 9 Juin 2014 - 15:05

    arigato len-kun o/
    Sue Sheeran
    Sue Sheeran
    FémininAge : 22Messages : 27

    Mer 11 Juin 2014 - 22:52

    merci :)
    Féhéla
    Féhéla
    FémininAge : 47Messages : 238

    Mar 24 Juin 2014 - 3:06

    merci ^^
    Aletheie
    Aletheie
    FémininAge : 22Messages : 18

    Lun 30 Juin 2014 - 12:41

    Merci o/
    neverforever
    neverforever
    FémininAge : 20Messages : 12

    Lun 30 Juin 2014 - 16:21

    Merci !!
    Fayzl4D
    Fayzl4D
    MasculinAge : 24Messages : 84

    Mar 1 Juil 2014 - 20:06

    merci
    Parka
    Parka
    MasculinAge : 41Messages : 100

    Mar 1 Juil 2014 - 21:40

    merci
    Rynkka
    Rynkka
    FémininAge : 22Messages : 119

    Sam 5 Juil 2014 - 11:09

    Merchii Len!



    page d'accueil simple - Page 2 48861711
    Layla4
    Layla4
    FémininAge : 21Messages : 149

    Mer 9 Juil 2014 - 18:20

    Merci :3
    Contenu sponsorisé


      La date/heure actuelle est Mar 20 Avr 2021 - 1:58