Dimensions du fond de page

[Admin Olia]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
J'aimerais que mon fond de page prenne "toute la page" de l'écran, malgré mes essais de redimensions je n'y parviens pas, soit il se trouve double (1024x1000) soit en mosaïque avec d'autres dimensions.
Si vous avez une solutions elle serait la bienvenue, merci par avance.

[_Ayno]

Bonjour,

essayez

Code:

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

[MlleAlys]

Bonjour,
Pour que le fond de page s'adapte automatiquement à l'écran de l'utilisateur, ajoutez dans affichage > couleurs > onglet feuille de style css, le code suivant :

Code:

body {
  background-size: cover;
}

[Faline]

Bonjour,

Comme tes membres n'auront pas tous le même écran que toi, je proposerais un style (ou ajout au style) body :

Code:

body {
    background: url('url_de_ton_fond') no-repeat center fixed;
    margin:0;
    padding:0;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

Edit : pardon, je n'ai pas vu qu'il y avait de nouveaux messages.

[Admin Olia]

Merci de m'avoir répondu mais mon code je le mets où SVP

[Faline]

A mettre dans :

• Panneau d'admin/Affichage/Images et Couleurs/Couleurs/onglet feuille de style CSS
  

Ne pas oublier d'effacer la numérotation des lignes après avoir copié ici et de valider.

[Admin Olia]

Merci je vais essayer

[Admin Olia]

Désolée mais non concluant rien ne se passe ; j'ai peut-être mal formulé ma demande, je voudrais un fond d'écran d'habitude je mets mon code dans :
panneau d'Adminstration>gestion des images >image de fond de page mais comme expliqué ci-dessus, j'ai deux images au lieu d'une avec 1024x1000
et de la mosaïque avec d'autres règlages.
Si vous avez une solution, merci d'avance.

[_Ayno]

Re, 

Pour effectuer la non répétition : 

Code:

background-repeat : no-repeat;

et pour effectuer la full screen : 

Code:

background-size : cover;

Ceci à mettre sur le body : 

Code:

.body {
 background-image: url("urldetonfond"); /*au besoin*/
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed; /*au cas ou*/
}

Normalement c'est censé fonctionner.

[Admin Olia]

Ca fonctionne merci beaucoup.