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 grise simple avec infobulles

    Partagez
    Alumine
    FémininAge : 19Messages : 486

    le Sam 6 Sep 2014 - 15:36

    Rappel du premier message :

    PA

    Voici une PA grise avec plusieurs effets: un défilement vers la gauche de l'image recouvrant le texte central, et des infobulles lorsqu'on survole les images du staff. Tous les liens sont à compléter, ainsi que les images, et éventuellement la police des titres. Les endroits en gris foncé sont destinés à accueillir des images; la grande fait 226px de haut et 221 de large, et les petites images du staff 30x30 et s'arrondissent toutes seules (=
    Cette PA est également adaptable en largeur, au niveau de la partie à l'extrême droite qui joue le rôle de "tampon" en s'adaptant.
    Spoiler:




    Et pour vous donner une idée de ce que ça donne une fois tous les images / liens ajoutés (image par Screen, merci à elle !) https://i39.servimg.com/u/f39/18/98/10/80/quand_12.jpg



    Le HTML

    Pour commencer, voici la structure à remplir. A priori, tous les endroits où il manque une information sont très visibles. Il faut coller ce code dans votre panneau d'admin -> Affichage -> Page d'accueil -> Généralités.

    Par contre, pour remplir ce code je vous déconseille de le coller directement dans son emplacement final. En effet ce champ n'est pas dédié à l'édition de HTML, il n'y a donc aucune couleur, et l'indentation du texte est peu lisible. Utilisez plutôt un éditeur HTML pour remplir le code, comme il y en a un dans modules-> gestion des codes HTML, avant de finalement déplacer votre code vers la page d'accueil.




    Et voilà, c'est terminé ! Laissez le crédit s'il vous plaît, il ne prend que peu de place (= Un merci ou commentaire serait apprécié et vous permettra de voir le code.


    Dernière édition par Alumine le Lun 8 Sep 2014 - 21:31, édité 1 fois
    Fey Rune
    FémininAge : 15Messages : 60

    le Lun 2 Nov 2015 - 18:14

    Merci !
    LVVY
    FémininAge : 16Messages : 30

    le Mar 10 Nov 2015 - 18:39

    Supeeeerbe ! <3 Un grand merciii ! <3
    Madras
    FémininAge : 31Messages : 238

    le Dim 15 Nov 2015 - 14:48

    Merci
    lly*
    FémininAge : 19Messages : 24

    le Lun 16 Nov 2015 - 17:09

    Cette PA est juste trop belle ! **
    Zoé
    FémininAge : 17Messages : 175

    le Lun 16 Nov 2015 - 21:08

    merchi !



    MissMali
    FémininAge : 28Messages : 12

    le Mar 17 Nov 2015 - 12:58

    merci !
    Allison01
    FémininAge : 32Messages : 175

    le Mar 17 Nov 2015 - 17:42

    Merci Very Happy
    Ifreann
    FémininAge : 22Messages : 46

    le Mar 24 Nov 2015 - 13:14

    Merci !
    Mixi
    MasculinAge : 22Messages : 7

    le Sam 19 Déc 2015 - 12:35

    Super merci !
    Patdrue
    FémininAge : 27Messages : 143

    le Sam 19 Déc 2015 - 18:17

    merci j'aime beaucoup!
    Yamoto
    FémininAge : 15Messages : 13

    le Mar 22 Déc 2015 - 22:07

    Merci
    naah
    FémininAge : 22Messages : 64

    le Sam 2 Jan 2016 - 20:37

    Simple et pratique, joli design, j'aime !
    Vixinte
    FémininAge : 18Messages : 90

    le Dim 3 Jan 2016 - 13:38



      Merci !

    Rara
    FémininAge : 20Messages : 82

    le Lun 4 Jan 2016 - 11:37

    Merci!
    SweetieBay
    FémininAge : 24Messages : 127

    le Lun 4 Jan 2016 - 19:38

    c'est joli =)
    Lust Caution
    FémininAge : 22Messages : 77

    le Lun 4 Jan 2016 - 20:31

    Merci :3
    Whit
    FémininAge : 19Messages : 144

    le Mer 6 Jan 2016 - 23:06

    Merci !
    Yukihyo
    MasculinAge : 19Messages : 58

    le Jeu 14 Jan 2016 - 3:15

    merci
    Kortyx
    MasculinAge : 26Messages : 81

    le Sam 30 Jan 2016 - 4:09

    Merci du partage !
    layna
    FémininAge : 24Messages : 67

    le Dim 31 Jan 2016 - 23:17

    thanks
    Ariemm
    FémininAge : 15Messages : 88

    le Jeu 25 Fév 2016 - 13:43

    Trop classe, merci beaucoup
    Reids
    FémininAge : 19Messages : 18

    le Lun 9 Mai 2016 - 12:53

    Wow superbe !
    Merci beaucoup ! Razz
    *-Atlas-*
    MasculinAge : 27Messages : 133

    le Lun 30 Mai 2016 - 7:07

    Merci



    arvalis
    FémininAge : 22Messages : 51

    le Mer 1 Juin 2016 - 14:28

    merci =)
    Bryan1997
    MasculinAge : 19Messages : 51

    le Mer 8 Juin 2016 - 20:37

    C'est beau merci
    Contenu sponsorisé

    Aujourd'hui à 21:03


      La date/heure actuelle est Jeu 8 Déc 2016 - 21:03