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 : 30Message(s) : 88
    Rosedesvents
    le Jeu 16 Avr 2015 - 21:15
    Merci
    MasculinAge : 23Message(s) : 20
    Requiem
    le Sam 18 Avr 2015 - 15:01
    Merci !!
    MasculinAge : 40Message(s) : 15
    kinai0107
    le Mer 22 Avr 2015 - 11:18
    merci
    FémininAge : 22Message(s) : 12
    TchiiChan
    le Ven 24 Avr 2015 - 17:07
    Merci
    FémininAge : 20Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Aishitteru
    le Lun 27 Avr 2015 - 11:31
    Merci beaucoup !
    MasculinAge : 34Message(s) : 57
    John Parker
    le Sam 2 Mai 2015 - 15:52
    Merci beaucoup ! ^^


    FémininAge : 26Message(s) : 21
    Ge.
    le Dim 3 Mai 2015 - 12:34
    Merci !
    MasculinAge : 18Message(s) : 522

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Ryukaï
    le Dim 3 Mai 2015 - 20:37
    Merci tu me sauve!!


    MasculinAge : 27Message(s) : 16
    MEGALAXY
    le Jeu 21 Mai 2015 - 23:07
    Veux voir ^^
    FémininAge : 25Message(s) : 138
    Filou
    le Dim 14 Juin 2015 - 0:04
    Cela fait un moment que je cherche la solution.
    Merci pour la partage Very Happy
    FémininAge : 18Message(s) : 84
    Samiki
    le Lun 22 Juin 2015 - 21:42
    merci, ça va me servir !



    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    MasculinAge : 27Message(s) : 35
    Flitch
    le Lun 6 Juil 2015 - 2:43
    merci
    FémininAge : 19Message(s) : 35
    Elwana
    le Mer 8 Juil 2015 - 20:06
    Très utile !
    FémininAge : 20Message(s) : 225
    Djeina
    le Ven 17 Juil 2015 - 16:18
    Merci :)
    FémininAge : 21Message(s) : 35
    Petit poisson
    le Mar 21 Juil 2015 - 10:23
    Merci
    FémininAge : 19Message(s) : 94
    Sorako
    le Ven 24 Juil 2015 - 12:52
    merci !
    FémininAge : 22Message(s) : 155

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    DanJack
    le Lun 27 Juil 2015 - 20:21
    Merci beaucoup pour cette astuce !!!
    FémininAge : 17Message(s) : 98
    Amariem
    le Mer 29 Juil 2015 - 21:26
    Wow merci beaucou !


    FémininAge : 25Message(s) : 53
    Tatiana.
    le Mer 29 Juil 2015 - 21:37
    merci
    MasculinAge : 19Message(s) : 36
    Lusso
    le Sam 1 Aoû 2015 - 21:52
    Merci !
    FémininAge : 33Message(s) : 125
    Sweet Angel
    le Dim 2 Aoû 2015 - 9:03
    Hâte de le lire, merci
    MasculinAge : 22Message(s) : 109
    poloch
    le Dim 2 Aoû 2015 - 14:32
    Merciiii Very Happy


    FémininAge : 22Message(s) : 183
    Romann
    le Dim 2 Aoû 2015 - 17:57
    merci ^^


    FémininAge : 17Message(s) : 208
    Khouro13
    le Dim 9 Aoû 2015 - 8:05
    Merci !


    FémininAge : 24Message(s) : 1399

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Dim 9 Aoû 2015 - 11:32
    Merci ⊂((・▽・))⊃
    Contenu sponsorisé
    Aujourd'hui à 3:29

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