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.

-42%
Le deal à ne pas rater :
NVIDIA Passerelle multimédia SHIELD TV 2019
124.99 € 215.36 €
Voir le deal

    page d'accueil simple

    Whitemoon
    Whitemoon
    FémininAge : 21Messages : 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.
    Anonymous
    Invité

    Lun 23 Mar 2015 - 14:56

    Merci :)
    pika-cerise
    pika-cerise
    FémininAge : 29Messages : 92

    Sam 6 Juin 2015 - 18:56

    mrci
    Lily Andrew
    Lily Andrew
    FémininAge : 18Messages : 17

    Dim 13 Sep 2015 - 19:58

    Merci beaucoup :3
    Kelalin
    Kelalin
    FémininAge : 29Messages : 2524

    Dim 13 Sep 2015 - 22:27

    Merci ( ´ ▽ ` )ノ
    Melaly
    Melaly
    FémininAge : 27Messages : 91

    Sam 2 Jan 2016 - 18:43

    Merci beaucoup Very Happy
    Thessia
    Thessia
    FémininAge : 32Messages : 78

    Mar 12 Avr 2016 - 21:17

    Merci c'est exactement ce que je recherchait



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    Djeina
    Djeina
    FémininAge : 25Messages : 233

    Lun 23 Mai 2016 - 6:32

    Merci pour le partage ^^
    Lessien
    Lessien
    FémininAge : 39Messages : 163

    Dim 12 Juin 2016 - 20:24

    Merci :)
    Donquichotte
    Donquichotte
    MasculinAge : 25Messages : 48

    Jeu 3 Nov 2016 - 0:35

    merci
    BLUEBLUEBLUE
    BLUEBLUEBLUE
    FémininAge : 21Messages : 1

    Ven 4 Nov 2016 - 12:19

    Trop beau :3
    Dariel
    Dariel
    FémininAge : 51Messages : 69

    Mar 8 Nov 2016 - 22:57

    Voyons voir ce que tu proposes Whitemoon

    cheers



    C'est la vie Invité ! Pas le paradis.
    Solitude
    Solitude
    FémininAge : 46Messages : 294

    Dim 13 Nov 2016 - 10:30

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    page d'accueil simple - Page 4 Sign510
    Tink ♥
    Tink ♥
    FémininAge : 29Messages : 66

    Lun 14 Nov 2016 - 23:01

    Sympa merci :)
    EDIT : Chez moi elle fonctionne pas ...
    Dariel
    Dariel
    FémininAge : 51Messages : 69

    Sam 19 Nov 2016 - 21:02

    Nathaël a écrit:Il faudrait réactualiser la démo du code, le forum de démonstration n'existe plus :)
    scratch En effet...

    Comme je suis une newbie blonde, Rolling Eyes j'ai collé le code HTML dans PA / Affichage / Page d'accueil / Généralités / Message sur la Page d'accueil
    mais je ne vois que le code... :cow: :siffle:

    ou le mettre ce fameux code HTML, svp ?

    :ange:




    C'est la vie Invité ! Pas le paradis.
    Lulus
    Lulus
    FémininAge : 30Messages : 143

    Lun 21 Nov 2016 - 9:44

    Merci.
    Miss Tigri
    Miss Tigri
    FémininAge : 27Messages : 89

    Mar 20 Déc 2016 - 22:29

    Merci pour le partage !
    Ari
    Ari
    FémininAge : 20Messages : 109

    Mer 25 Jan 2017 - 16:16

    Merki !
    Neymar
    Neymar
    MasculinAge : 23Messages : 139

    Lun 6 Fév 2017 - 16:19

    Kawawi
    Momiji-chan
    Momiji-chan
    FémininAge : 23Messages : 38

    Mer 22 Fév 2017 - 14:03

    Hello.
    Merci pour cette jolie PA. :)
    avatar
    Hane
    FémininAge : 23Messages : 64

    Mer 31 Mai 2017 - 23:05

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Lun 27 Sep 2021 - 21:07