Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 22Message(s) : 2451

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    13/20  (13/20)
    Onyx
    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


    FémininAge : 24Message(s) : 1354

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Jeu 11 Fév 2016 - 0:24
    Merci pour le partage !
    MasculinAge : 20Message(s) : 20
    Litalis
    le Ven 4 Mar 2016 - 20:17
    Merci pour cette belle PA :)
    FémininAge : 19Message(s) : 144
    Whit
    le Lun 7 Mar 2016 - 21:57
    Merci !
    FémininAge : 19Message(s) : 176
    Piratress
    le Mar 8 Mar 2016 - 20:14
    Merci, elle est juste superbe *(*
    FémininAge : 19Message(s) : 14
    Yomidashi
    le Sam 26 Mar 2016 - 15:19
    Elle est magnifique *^*


    FémininAge : 28Message(s) : 320
    Edward Speleers
    le Jeu 31 Mar 2016 - 23:49
    Genial, merci


    FémininAge : 16Message(s) : 248

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yuki Kaga
    le Sam 2 Avr 2016 - 22:26
    Thank you ♥
    FémininAge : 22Message(s) : 140
    Nausicäa Kaer
    le Sam 30 Avr 2016 - 17:51
    c'est super sympa
    FémininAge : 26Message(s) : 61
    Lucrèce
    le Ven 6 Mai 2016 - 17:42
    Merci !
    FémininAge : 18Message(s) : 15
    Banshee Quinn
    le Mar 17 Mai 2016 - 1:16
    Merci ♥
    MasculinAge : 24Message(s) : 121

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lone wanderer
    le Mer 18 Mai 2016 - 21:07
    merci ! =)
    FémininAge : 25Message(s) : 305
    Eil'liathan Tyan'Lirulin
    le Ven 20 Mai 2016 - 23:36
    Joli !
    FémininAge : 19Message(s) : 47
    Calkrys
    le Dim 22 Mai 2016 - 17:53
    Merci !
    FémininAge : 20Message(s) : 46
    Little--Angel
    le Lun 23 Mai 2016 - 19:31
    J'aime beaucoup :p
    FémininAge : 29Message(s) : 38
    Dodolovelove
    le Lun 20 Juin 2016 - 19:17
    Oh my, c'est qu'elle est jolie dis donc! Merci! Beau travail!!
    FémininAge : 16Message(s) : 297

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Merwyn Arehdel
    le Dim 3 Juil 2016 - 15:38
    Merci ! :)


    Just want to be yours.
    FémininAge : 31Message(s) : 228
    Madras
    le Mer 6 Juil 2016 - 10:46
    Merci du partage
    FémininAge : 24Message(s) : 72
    MeowLowDee
    le Ven 5 Aoû 2016 - 13:47
    Merci tout plein, j'adore ♥
    MasculinAge : 18Message(s) : 14

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yoshine
    le Mer 7 Sep 2016 - 21:50
    Merciiiii !


    FémininAge : 19Message(s) : 70
    Sépia
    le Mer 14 Sep 2016 - 13:14
    Merci!
    Contenu sponsorisé
    Aujourd'hui à 5:25

      La date/heure actuelle est Mer 28 Sep 2016 - 5:25