Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 25Message(s) : 18542

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    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


     
    FémininAge : 25Message(s) : 26
    Sheo
    le Sam 22 Aoû 2015 - 19:13
    merci beaucoup Wink
    MasculinAge : 20Message(s) : 79
    Junichi Kudo
    le Dim 23 Aoû 2015 - 23:19
    thanks
    MasculinAge : 25Message(s) : 10
    Wawi
    le Ven 28 Aoû 2015 - 16:15
    Merci:)
    FémininAge : 21Message(s) : 144
    MissDream
    le Dim 30 Aoû 2015 - 15:47
    Merci beaucoup du partage :)
    FémininAge : 16Message(s) : 94
    Myosotis
    le Lun 31 Aoû 2015 - 13:53
    Merci
    FémininAge : 21Message(s) : 290

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nymeria.
    le Ven 11 Sep 2015 - 0:16
    Merci beaucoup
    FémininAge : 21Message(s) : 22
    CookiesAuxChoco
    le Ven 11 Sep 2015 - 21:01
    Ca va m'aider, merci beaucoup ! Very Happy
    MasculinAge : 23Message(s) : 29
    Isaac Berntsson
    le Jeu 17 Sep 2015 - 9:52
    Merci !
    FémininAge : 27Message(s) : 21
    Dragonia
    le Ven 2 Oct 2015 - 4:21
    Merci ^^
    FémininAge : 26Message(s) : 158
    Kimberlay *
    le Sam 3 Oct 2015 - 17:55
    Merci !
    FémininAge : 20Message(s) : 37

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kobye
    le Mar 6 Oct 2015 - 3:23
    Mercii!! Very Happy
    FémininAge : 19Message(s) : 76
    RainboWolf
    le Mer 7 Oct 2015 - 15:54
    Merci !!
    FémininAge : 34Message(s) : 148
    Lessien
    le Ven 16 Oct 2015 - 19:28
    Merci :)
    FémininAge : 29Message(s) : 130

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sighild
    le Ven 16 Oct 2015 - 19:36
    Merci pour ce tuto, j'ai souvent ce soucis.
    MasculinAge : 26Message(s) : 149
    Nodox
    le Dim 18 Oct 2015 - 14:46
    Merci :)
    FémininAge : 28Message(s) : 9
    BlackWitch
    le Dim 18 Oct 2015 - 15:53
    Super depuis le temps que je galère. 10 000 Merci
    FémininAge : 18Message(s) : 50
    Gouttou †
    le Jeu 22 Oct 2015 - 1:42
    Merci ! :3


    FémininAge : 19Message(s) : 85
    BlueBerry ♪
    le Ven 23 Oct 2015 - 16:08
    merci !


    FémininAge : 66Message(s) : 255

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Elocha
    le Ven 23 Oct 2015 - 22:47
    merci !


    eLoChA.
    MasculinAge : 36Message(s) : 63
    Sacha73
    le Jeu 5 Nov 2015 - 19:16
    Hello,

    Merci.
    FémininAge : 26Message(s) : 9
    Nectarinne
    le Sam 7 Nov 2015 - 10:56
    Merci ♥
    FémininAge : 22Message(s) : 83

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    zbou
    le Jeu 12 Nov 2015 - 9:59
    Merci beaucoup !
    Invité
    le Lun 23 Nov 2015 - 12:06
    merci! =)
    Age : 25Message(s) : 340
    Tanchi
    le Mer 16 Déc 2015 - 23:41
    Merci du partage x)


    FémininAge : 16Message(s) : 58
    Madness of Wonderland
    le Dim 20 Déc 2015 - 18:05
    merci
    Contenu sponsorisé
    Aujourd'hui à 5:37

      La date/heure actuelle est Sam 3 Déc 2016 - 5:37