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
    avatar
    Onyx
    FémininAge : 24Messages : 3050

    le Mer 10 Fév - 22: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 - 0:36, édité 1 fois



    En ligne
    avatar
    Kelalin
    FémininAge : 25Messages : 1724

    le Mer 10 Fév - 23:24

    Merci pour le partage !
    avatar
    Litalis
    MasculinAge : 22Messages : 20

    le Ven 4 Mar - 19:17

    Merci pour cette belle PA :)
    avatar
    Whit
    FémininAge : 20Messages : 152

    le Lun 7 Mar - 20:57

    Merci !
    avatar
    Piratress
    FémininAge : 20Messages : 213

    le Mar 8 Mar - 19:14

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

    le Sam 26 Mar - 14:19

    Elle est magnifique *^*



    avatar
    Edward Speleers
    FémininAge : 29Messages : 452

    le Jeu 31 Mar - 21:49

    Genial, merci



    avatar
    Yuki Kaga
    FémininAge : 17Messages : 265

    le Sam 2 Avr - 20:26

    Thank you ♥
    avatar
    Nausicäa Kaer
    FémininAge : 23Messages : 158

    le Sam 30 Avr - 15:51

    c'est super sympa
    Lucrèce
    FémininAge : 27Messages : 67

    le Ven 6 Mai - 15:42

    Merci !
    avatar
    Banshee Quinn
    FémininAge : 19Messages : 22

    le Lun 16 Mai - 23:16

    Merci ♥
    avatar
    Lone wanderer
    MasculinAge : 25Messages : 132

    le Mer 18 Mai - 19:07

    merci ! =)
    avatar
    Eil'liathan Tyan'Lirulin
    FémininAge : 26Messages : 315

    le Ven 20 Mai - 21:36

    Joli !
    avatar
    Calkrys
    FémininAge : 20Messages : 49

    le Dim 22 Mai - 15:53

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

    le Lun 23 Mai - 17:31

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

    le Lun 20 Juin - 17:17

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

    le Dim 3 Juil - 13:38

    Merci ! :)



    Just want to be yours.
    avatar
    Madras
    FémininAge : 32Messages : 279

    le Mer 6 Juil - 8:46

    Merci du partage
    avatar
    MeowLowDee
    FémininAge : 26Messages : 72

    le Ven 5 Aoû - 11:47

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

    le Mer 7 Sep - 19:50

    Merciiiii !



    Sépia
    FémininAge : 21Messages : 70

    le Mer 14 Sep - 11:14

    Merci!
    avatar
    Tiya Melody
    FémininAge : 20Messages : 9

    le Mer 11 Jan - 10:06

    merci
    avatar
    Kaleessi
    FémininAge : 25Messages : 65

    le Jeu 8 Juin - 2:23

    Merci pour le partage!! Very Happy
    avatar
    Geekgirl
    FémininAge : 20Messages : 40

    le Dim 16 Juil - 17:01

    merci pour le partage




    avatar
    Pietvandiet
    MasculinAge : 36Messages : 4

    le Dim 27 Aoû - 23:34

    Merci, je cherchais un truc dans le genre ! Je vais m'en inspirer !
    Contenu sponsorisé


      La date/heure actuelle est Ven 15 Déc - 16:08