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 : 25Messages : 18542

    le Dim 24 Nov 2013 - 12:19

    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



     
    Lyogi
    MasculinAge : 18Messages : 22

    le Mar 26 Nov 2013 - 18:36

    Merci :)
    skyfighter
    MasculinAge : 33Messages : 339

    le Mer 27 Nov 2013 - 1:59

    merci





    MrTchikii
    MasculinAge : 24Messages : 27

    le Mer 27 Nov 2013 - 19:31

    Merci
    Linksys
    MasculinAge : 18Messages : 17

    le Jeu 28 Nov 2013 - 1:00

    Mille MErci !
    catbug
    FémininAge : 22Messages : 13

    le Ven 29 Nov 2013 - 23:21

    Merci c'est vraiment un tuto pratique :)
    Meilia
    FémininAge : 22Messages : 92

    le Dim 1 Déc 2013 - 19:54

    Merci bien Very Happy
    Satorax Necro
    MasculinAge : 20Messages : 16

    le Lun 2 Déc 2013 - 14:22

    Je veux savoir, oui, enfin je vais arrêter de me demandez si l'image à les bonnes dimensions pour tous le monde Very Happy
    Vorn
    MasculinAge : 20Messages : 2342

    le Sam 8 Fév 2014 - 20:23

    Mercii



    Azaral
    FémininAge : 20Messages : 67

    le Sam 1 Mar 2014 - 0:49

    merci
    Bruleciel
    FémininAge : 23Messages : 934

    le Sam 1 Mar 2014 - 11:23

    Vraiment merci ! :)



    Je brûle le ciel
    Vixinte
    FémininAge : 18Messages : 90

    le Mar 11 Mar 2014 - 14:00

      C'est ce que je cherchais depuis longtemps ! Merci beaucoup !
    ShamRock
    FémininAge : 22Messages : 30

    le Mar 11 Mar 2014 - 16:31

    Merci ~
    Shiney
    FémininAge : 18Messages : 26

    le Mar 11 Mar 2014 - 17:33

    Très utile, merci !
    Presley♥Cash
    FémininAge : 25Messages : 73

    le Mer 12 Mar 2014 - 22:26

    Merci :)
    Lyly
    FémininAge : 25Messages : 18

    le Mer 19 Mar 2014 - 18:37

    Merci beaucoup pour l'astuce ^^
    Sakira
    FémininAge : 23Messages : 89

    le Jeu 20 Mar 2014 - 20:38

    merci =3



    Bientôt peut être o/
    Dépendra de ma motiv'
    Alonely
    MasculinAge : 22Messages : 43

    le Sam 22 Mar 2014 - 2:47

    Merci
    Likau
    MasculinAge : 22Messages : 322

    le Mer 26 Mar 2014 - 21:48

    Ça m'intéresse :o
    Merci pour le tuto ^^
    shala
    FémininAge : 24Messages : 213

    le Dim 30 Mar 2014 - 23:46

    merci



    Haruna
    FémininAge : 19Messages : 12

    le Mar 1 Avr 2014 - 19:30

    Ca va m'être utile, ça ! Merci ! Very Happy
    Mistiie
    FémininAge : 18Messages : 72

    le Mer 9 Avr 2014 - 17:00

    merci !
    Twedle
    MasculinAge : 21Messages : 17

    le Jeu 10 Avr 2014 - 14:53

    Merci !
    Malice1329
    FémininAge : 28Messages : 78

    le Ven 11 Avr 2014 - 16:15

    Merci beaucoup



    tenderness
    FémininAge : 22Messages : 53

    le Mer 16 Avr 2014 - 22:41

    Merci ♥
    Contenu sponsorisé

    Aujourd'hui à 1:17


      La date/heure actuelle est Dim 11 Déc 2016 - 1:17