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.


    Mise en forme préfédinie avec onglets, personnalisable (Forme 1)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31721

    le Mar 16 Oct 2012 - 16:20

    Bonjour, bonsoir x)

    Je vous mets à disposition une page d'accueil type, assez petite mais groupant les informations essentielles qu'elle doit contenir. Voici ce qu'elle donne (page d'accueil normale du forum test) :

    Lien du forum test

    Il s'agit donc de la page d'accueil ayant pour fond cette image : lien image de fond.

    Comme vous pouvez le constater, tout a été fait pour vous simplifier la tâche. Au lieu d'avoir à créer des boutons un par un, ou bien faire l'image puis la découper, là vous n'avez qu'à créer votre propre fond en prévoyant simplement les espaces de texte comme je l'ai fait. Libre à vous d'utiliser les couleurs que vous voulez, d'inclure des images, etc... Pour vous éviter d'avoir à trop déplacer les blocs je vous conseille par contre de vous baser sur l'image de fond exemple que j'ai faite pour réaliser la votre, et ainsi garder les mêmes emplacements.
    Si vous agrandissez l'image ou déplacez les blocs, il vous faudra modifier les marges dans le code, sachez-le^^

    Un crédit est déjà en place dans le code : il contient simplement le lien de Never-Utopia précisant que la PA vient d'ici. Merci de le conserver, c'est le seul remerciement que je puisse avoir pour ce travail, et il prend peu de place Wink

    Voici les codes HTML et CSS de cette page d'accueil. Le HTML est à placer dans Affichage > Page d'accueil > Généralité ; le CSS sera à ajouter au votre dans Affichage > Couleurs > Feuille CSS.



    Postez à la suite pour voir le contenu du message.


    Merci de laisser le crédit déjà en place dans le code.


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 12:51, édité 1 fois



    Kai Turindo
    MasculinAge : 16Messages : 80

    le Mar 16 Oct 2012 - 20:45

    Merci beaucoup pour ce super tutoriel, vraiment merci =)
    Depp
    FémininAge : 25Messages : 297

    le Mar 16 Oct 2012 - 23:17

    Merci beaucoup Very Happy C'est trèèès intéressant !!! :)



    Shinøbi
    MasculinAge : 16Messages : 29

    le Mer 17 Oct 2012 - 17:41

    Merci beaucoup. =D
    K-Surf
    MasculinAge : 19Messages : 398

    le Jeu 18 Oct 2012 - 15:05

    Thx



    Okami
    FémininAge : 22Messages : 620

    le Ven 19 Oct 2012 - 6:23

    merci !




    x°Okami°x
    crée par => Okami
    Cortisalia
    FémininAge : 24Messages : 88

    le Ven 19 Oct 2012 - 13:12

    Merci Very Happy



    Sasu'X74
    MasculinAge : 23Messages : 140

    le Ven 19 Oct 2012 - 18:01

    Merci !



    Kurara
    FémininAge : 20Messages : 6

    le Ven 19 Oct 2012 - 22:45

    Merci
    Depp
    FémininAge : 25Messages : 297

    le Sam 20 Oct 2012 - 15:50

    ça rend super biiiien !!! Je viens de faire ma propre image de fond !!! MILLES MERCIS !



    Shaknoss
    MasculinAge : 26Messages : 89

    le Sam 20 Oct 2012 - 18:26

    Merci !
    Elena'
    FémininAge : 22Messages : 26

    le Sam 20 Oct 2012 - 18:39

    Merci beaucoup !!
    shala
    FémininAge : 24Messages : 213

    le Sam 20 Oct 2012 - 19:20

    merci



    TUC
    FémininAge : 29Messages : 103

    le Sam 20 Oct 2012 - 19:57

    WAA merci!! depuis le temps que je cherchais ça! :)
    Soul
    MasculinAge : 20Messages : 1719

    le Sam 20 Oct 2012 - 20:02

    Ho year c'est parfait ça merci Captain' !
    Sacha Chan
    FémininAge : 18Messages : 21

    le Sam 20 Oct 2012 - 22:42

    Merci du tuto Very Happy
    lilissa
    FémininAge : 23Messages : 29

    le Lun 5 Mai 2014 - 22:56

    merci beaucoup ♥
    Etoile Du Phenix
    FémininAge : 13Messages : 14

    le Mar 6 Mai 2014 - 22:31

    elle est magnifique *p*
    Ren haring
    MasculinAge : 21Messages : 975

    le Lun 12 Mai 2014 - 22:01

    Fantastique  Very Happy  j aime bien
    maxynina
    FémininAge : 26Messages : 7

    le Lun 12 Mai 2014 - 22:21

    Merciii
    Titou2302
    MasculinAge : 13Messages : 57

    le Mar 13 Mai 2014 - 21:25

    Merci, c'est magnifique ! %)

    Kader59
    MasculinAge : 31Messages : 3

    le Mar 13 Mai 2014 - 23:08

    Génial, merci !
    SugarBuse
    FémininAge : 18Messages : 42

    le Dim 18 Mai 2014 - 13:18

    Merci ! Very Happy
    arvalis
    FémininAge : 22Messages : 51

    le Dim 18 Mai 2014 - 21:52

    merci =)
    Ryu-Kin
    FémininAge : 29Messages : 125

    le Lun 19 Mai 2014 - 18:01

    merci beaucoup :)
    Contenu sponsorisé

    Aujourd'hui à 0:08


      La date/heure actuelle est Sam 10 Déc 2016 - 0:08