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.


    Image de fond s'adaptant à toutes les résolutions

    Partagez
    Neva
    FémininAge : 25Message(s) : 18542

    le Dim 24 Nov 2013 - 12:19

    Rappel du premier message :

    IMAGE DE FOND FIXE S'ADAPTANT A
    TOUTES LES RESOLUTIONS

    Par défaut, si vous insérez une image de fond trop grande pour certaines résolutions, celle-ci est coupée. Le but de cette astuce est de vous permettre de mettre une image de fond sur votre forum qui apparaîtra à peu près pareil sur toutes les résolutions. Pour cela, cette image sera obligatoirement fixe (lorsque vous scrollez vers le bas de votre forum, l'image ne bouge pas).

    A noter que le résultat ne sera pas totalement le même d'un écran à l'autre étant donné que les proportions des écrans peuvent changer (exemple de deux résolutions courantes : 1136*768px et 1024*768px => alors qu'on a la même hauteur, l'un est plus large que l'autre) mais cette solution permet tout de même d'harmoniser l'affichage au maximum sans déformer les proportions l'image.


    • Code et explications :
      (RAPPEL : vous devez répondre à ce message pour en voir le contenu)



    MAJ 18 juin 2014 : retrait des préfixes dans le CSS, devenus obsolètes


    Dernière édition par Neva le Mer 18 Juin 2014 - 9:47, édité 3 fois



     
    nuanciel
    FémininAge : 25Message(s) : 112

    le Jeu 17 Avr 2014 - 11:24

    merci beaucoup ^^
    SweetieJoker
    FémininAge : 26Message(s) : 13

    le Jeu 17 Avr 2014 - 20:54

    Merci beaucoup o:
    Florian Takiya
    MasculinAge : 21Message(s) : 61

    le Ven 18 Avr 2014 - 20:11

    Merci beaucoup !!
    Swoo
    FémininAge : 17Message(s) : 9

    le Sam 19 Avr 2014 - 10:42

    Merci !
    Thorn
    MasculinAge : 15Message(s) : 422

    le Mar 22 Avr 2014 - 16:31

    Merci !^^



    Doctor Who
    MasculinAge : 23Message(s) : 160

    le Jeu 8 Mai 2014 - 18:53

    Merci :)





    DOCTOR WHO ☼
    © Yamashita d'épicode
    Jigsaw.
    FémininAge : 25Message(s) : 17

    le Ven 16 Mai 2014 - 16:21

    Merci ! Very Happy
    Féhéla
    FémininAge : 43Message(s) : 230

    le Sam 24 Mai 2014 - 16:45

    génial merci !
    Puchlu
    MasculinAge : 27Message(s) : 98

    le Lun 26 Mai 2014 - 16:30

    Merci ; ).
    Clarisse
    FémininAge : 16Message(s) : 3929

    le Mar 27 Mai 2014 - 23:30

    Merci! =)



    Coucou Invité!
    benficagirl
    FémininAge : 30Message(s) : 289

    le Ven 30 Mai 2014 - 21:27

    Merci =D
    Gedomaru
    FémininAge : 19Message(s) : 69

    le Dim 1 Juin 2014 - 0:29

    Arigatou~~
    Eerie Ange's
    FémininAge : 15Message(s) : 157

    le Dim 1 Juin 2014 - 12:44

    Merci :3
    Sachem
    FémininAge : 20Message(s) : 51

    le Dim 1 Juin 2014 - 20:22

    Merci ! ♥
    Jawilsia
    FémininAge : 24Message(s) : 143

    le Mar 3 Juin 2014 - 0:30

    Merci *.*
    Livia666
    FémininAge : 29Message(s) : 47

    le Ven 6 Juin 2014 - 21:10

    Pratique !! Merci !
    Ukrysis
    FémininAge : 20Message(s) : 58

    le Dim 8 Juin 2014 - 12:35

    Merci ! :)
    Babouine
    FémininAge : 22Message(s) : 17

    le Dim 8 Juin 2014 - 13:04

    Merci pour ce code *.*
    Nathouille
    FémininAge : 25Message(s) : 65

    le Lun 16 Juin 2014 - 20:35

    Merci ! =)
    Del
    MasculinMessage(s) : 107

    le Mar 17 Juin 2014 - 17:24

    Merci.



    « Run you clever boy and remember... »
    Onyx
    FémininAge : 23Message(s) : 2596

    le Mer 18 Juin 2014 - 0:50

    Merci Razz



    Mitsuomi73
    MasculinAge : 24Message(s) : 41

    le Jeu 19 Juin 2014 - 16:24

    Merci beaucoup
    bubulle
    FémininAge : 29Message(s) : 76

    le Ven 20 Juin 2014 - 16:14

    merci
    misakii
    FémininAge : 19Message(s) : 37

    le Ven 20 Juin 2014 - 18:53

    merci
    Philia
    FémininAge : 23Message(s) : 16

    le Ven 20 Juin 2014 - 21:17

    merci beaucoup, ça fait un bout de temps que je cherchais ça Very Happy
    Contenu sponsorisé

    Aujourd'hui à 13:18


      La date/heure actuelle est Dim 4 Déc 2016 - 13:18