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.


    PA à Damier

    Partagez
    Onyx
    FémininAge : 23Messages : 2614

    le Mer 10 Fév 2016 - 23:46


    PA à Damier


    Voici un petit LS d'une PA que j'ai fait pour la demande de Thanil et qui avait déjà été commencé par Hirondelle.

    Effets spéciaux :
    Au survol de l'image au centre (le membre du mois), une infobulle avec les informations du membre du mois apparaît.
    Le carré en haut à gauche a 3 onglets : Contexte, Événement et Partenaires.
    Le carré en bas à droite a 2 onglets : Informations et Recherchés (Prédéfinis).

    Pour voir l'aperçu : cliquez ici.

    Ce LS est en deux parties.
    • Tout d'abord, nous allons installer le HTML de la PA.
    • Puis, nous allons le mettre en forme à l'aide du CSS.


    - La version du forum est PHPBB2.
    - Les catégories ont une largeur de 850px.

    Mettre un crédit vers Never-Utopia est obligatoire. Donc si vous enlevez le crédit sur la PA, assurez-vous de le mettre ailleurs.


    Pour voir le reste, il va falloir un petit merci ^^

    1. Corps de la PA (HTML)


    Nous allons commencer par aller dans l'espace de la page d'accueil pour y mettre la partie HTML.

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > PAGE D'ACCUEIL
    > > > > GÉNÉRALITÉS
    > > > > > CONTENU DU MESSAGE

    On y met le code suivant et on enregistre :




    2. Mise en forme (CSS)


    Si vous regardez votre PA, vous voyez sans doute que ce n'est pas très esthétique pour le moment. Du coup, nous allons mettre en forme notre PA à l'aide du CSS.

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > IMAGES ET COULEURS
    > > > > COULEURS
    > > > > > FEUILLE DE STYLE CSS

    Puis, nous allons ajouter le CSS suivant :


    C'est tout! Si jamais vous avez des problèmes avec ce LS, n'hésitez pas à passer dans Un problème avec mon code ou Personnalisations si vous voulez modifier la PA et avez besoin d'aide.

    À plus !


    Dernière édition par Onyx le Jeu 11 Fév 2016 - 1:36, édité 1 fois



    Kelalin
    FémininAge : 24Messages : 1405

    le Jeu 11 Fév 2016 - 0:24

    Merci pour le partage !
    Litalis
    MasculinAge : 21Messages : 20

    le Ven 4 Mar 2016 - 20:17

    Merci pour cette belle PA :)
    Whit
    FémininAge : 19Messages : 144

    le Lun 7 Mar 2016 - 21:57

    Merci !
    Piratress
    FémininAge : 19Messages : 188

    le Mar 8 Mar 2016 - 20:14

    Merci, elle est juste superbe *(*
    Yomidashi
    FémininAge : 19Messages : 14

    le Sam 26 Mar 2016 - 15:19

    Elle est magnifique *^*



    Edward Speleers
    FémininAge : 28Messages : 332

    le Jeu 31 Mar 2016 - 23:49

    Genial, merci



    Yuki Kaga
    FémininAge : 16Messages : 248

    le Sam 2 Avr 2016 - 22:26

    Thank you ♥
    Nausicäa Kaer
    FémininAge : 22Messages : 144

    le Sam 30 Avr 2016 - 17:51

    c'est super sympa
    Lucrèce
    FémininAge : 26Messages : 63

    le Ven 6 Mai 2016 - 17:42

    Merci !
    Banshee Quinn
    FémininAge : 18Messages : 16

    le Mar 17 Mai 2016 - 1:16

    Merci ♥
    Lone wanderer
    MasculinAge : 24Messages : 132

    le Mer 18 Mai 2016 - 21:07

    merci ! =)
    Eil'liathan Tyan'Lirulin
    FémininAge : 25Messages : 305

    le Ven 20 Mai 2016 - 23:36

    Joli !
    Calkrys
    FémininAge : 19Messages : 47

    le Dim 22 Mai 2016 - 17:53

    Merci !
    Little--Angel
    FémininAge : 20Messages : 46

    le Lun 23 Mai 2016 - 19:31

    J'aime beaucoup :p
    Dodolovelove
    FémininAge : 29Messages : 38

    le Lun 20 Juin 2016 - 19:17

    Oh my, c'est qu'elle est jolie dis donc! Merci! Beau travail!!
    Merwyn Arehdel
    FémininAge : 17Messages : 298

    le Dim 3 Juil 2016 - 15:38

    Merci ! :)



    Just want to be yours.
    Madras
    FémininAge : 31Messages : 239

    le Mer 6 Juil 2016 - 10:46

    Merci du partage
    MeowLowDee
    FémininAge : 25Messages : 72

    le Ven 5 Aoû 2016 - 13:47

    Merci tout plein, j'adore ♥
    Yoshine
    MasculinAge : 18Messages : 14

    le Mer 7 Sep 2016 - 21:50

    Merciiiii !



    Sépia
    FémininAge : 20Messages : 70

    le Mer 14 Sep 2016 - 13:14

    Merci!
    Contenu sponsorisé

    Aujourd'hui à 2:03


      La date/heure actuelle est Sam 10 Déc 2016 - 2:03