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
    avatar
    Neva
    FémininAge : 25Messages : 18553

    le Dim 24 Nov - 0: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 Mar 17 Juin - 20:47, édité 3 fois



     
    avatar
    witm
    FémininAge : 23Messages : 50

    le Lun 26 Sep - 22:09

    merci :)
    avatar
    yukiyuki
    FémininAge : 22Messages : 85

    le Mer 5 Oct - 4:18

    MErci !
    avatar
    P'tit loup
    MasculinAge : 34Messages : 434

    le Jeu 6 Oct - 4:35

    ça va me servir, j'ai justement un soucis de cet ordre pour l'un des membres de mon forum. Merci du partage ^^



    avatar
    Noubil
    FémininAge : 29Messages : 56

    le Lun 17 Oct - 5:13

    Merci :love:
    avatar
    Skriff
    MasculinAge : 26Messages : 21

    le Mer 19 Oct - 2:35

    Ça promet d'être très utile, je dois l'avouer ! Je veux bien voir les explications, merci du temps accordé ! =)
    avatar
    dean winchester
    MasculinAge : 22Messages : 85

    le Ven 21 Oct - 11:21

    merci
    avatar
    Dariel
    FémininAge : 47Messages : 44

    le Mar 8 Nov - 10:05

    cheers  Neva, merci de partager...

    :titanic:



    C'est la vie Invité ! Pas le paradis.
    avatar
    Risa
    FémininAge : 28Messages : 233

    le Sam 3 Déc - 21:04

    Merci !
    avatar
    Lyxiae
    FémininAge : 23Messages : 35

    le Dim 11 Déc - 11:43

    Merci !
    avatar
    Ozsi
    MasculinAge : 20Messages : 27

    le Lun 12 Déc - 7:34

    Merci :)
    avatar
    Irony
    FémininAge : 19Messages : 81

    le Mar 31 Jan - 2:47

    Merci !
    avatar
    OptimaluS
    MasculinAge : 33Messages : 6

    le Mar 31 Jan - 4:09

    Merci pour cette astuce tant recherché :)
    avatar
    Jynnea
    FémininAge : 22Messages : 91

    le Ven 17 Fév - 16:01

    Merci!
    avatar
    1charlotte
    FémininAge : 15Messages : 196

    le Sam 4 Mar - 9:05

    Très pratique **
    avatar
    Vixol
    MasculinAge : 21Messages : 11

    le Dim 5 Mar - 8:26

    Merci bien, ca m'a l'air super utile
    avatar
    Mashi Hozuki
    MasculinAge : 19Messages : 19

    le Mer 8 Mar - 5:06

    merci
    avatar
    Voxiom
    MasculinAge : 17Messages : 6

    le Jeu 9 Mar - 11:25

    Merci
    avatar
    Heroyn'
    FémininAge : 21Messages : 47

    le Lun 27 Mar - 8:08

      Merci !
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar - 23:46