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
    avatar
    Alumine
    FémininAge : 20Messages : 488

    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 !) http://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
    avatar
    Lilynufare
    FémininAge : 26Messages : 332

    le Ven 2 Sep 2016 - 18:31

    très jolie pa, merci
    avatar
    Rowan
    FémininAge : 15Messages : 53

    le Mar 27 Sep 2016 - 13:12

    Très jolie PA !
    avatar
    Ohana Firefly
    FémininAge : 22Messages : 43

    le Sam 1 Oct 2016 - 2:39

    Merci Very Happy
    avatar
    Oce5986
    FémininAge : 20Messages : 7

    le Ven 7 Oct 2016 - 0:08

    Miciiiii Very Happy
    avatar
    Ozsi
    MasculinAge : 20Messages : 27

    le Ven 10 Fév 2017 - 2:53

    Merci
    avatar
    Azuna
    FémininAge : 14Messages : 12

    le Lun 13 Mar 2017 - 18:28

    Merci
    Hane
    FémininAge : 19Messages : 56

    le Mer 31 Mai 2017 - 21:24

    Merci :)
    avatar
    Deed01
    MasculinAge : 40Messages : 329

    le Dim 27 Aoû 2017 - 13:38

    Sympa Very Happy
    avatar
    Bilandie
    FémininAge : 21Messages : 18

    le Sam 16 Sep 2017 - 17:13

    Vraiment cool ^-^ merci du partage *^*
    avatar
    Lexucio
    MasculinAge : 23Messages : 31

    le Jeu 19 Oct 2017 - 20:53

    Merci :)
    avatar
    Nalex
    FémininAge : 28Messages : 153

    le Jeu 26 Oct 2017 - 16:26

    Merci, ça fait un moment que je cherche une PA simple de ce style !



    Contenu sponsorisé


      La date/heure actuelle est Ven 24 Nov 2017 - 2:56