image de fond du forum

[reikimeditation]

bonjour a tous,

après m'être cassé la tête plusieurs heures, je viens vers vous pour un coup de main.

actuellement l'image en fond du forum, est un simple fond d'écran répété plusieurs fois a l'horizontal et vertical (meme si cela ne se voit pas)

j'aimerais mettre en fond de forum un image perso mais a la taille de l'écran.... en quelque sorte j'aimerais que l'image de fond fasse la taille de l'écran ( et ne bouge pas) et que lorsque l'on défile vers le bas , ce soit les différentes catégories du forum qui défilent et que le fond ne bouge pas....

j'ai bien vu le la case fond fixe a cocher mais cela ne change rien a mon soucis

heu je ne sais pas si c'est clair pour vous?

merci de vos réponses

[MlleAlys]

Bonjour,
regardez si vous n'avez pas dans votre css (affichage > couleurs > onglet feuille de style css) un code de ce genre :

Code:

body {
  background-attachment: scroll;
  background-position: top center;
  background-repeat: repeat;
}

Si c'est le cas, vous pouvez le retirer ^^
C'est la ligne background-attachment: scroll; qui code pour le défilement de l'image de fond, et vient annuler l'effet du "fixe" coché dans le panneau d'administration =/

[reikimeditation]

Merci MlleAlys, tout est parfait !

bonne soirée

[Chacha]

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[reikimeditation]

je préfère attendre demain avant de cloturer , histoire de voir si tout va bien

[reikimeditation]

j'ai bien fait de ne pas cloturer....

j'ai un petit soucis :

l'image de fond est nikel sauf que selon la taille de l'ecran elle peut etre répetée

voici mon css une fois les 3 ligne supprimées

[MlleAlys]

plutôt que de faire une capture d'écran, copiez/collez votre code entre balises [ code]... [ /code]
Un code css se présente toujours de cette façon :

Code:

élément { propriété1: valeur; propriété2: valeur;}

parfois présenté comme ça :

Code:

élément {
  propriété1: valeur;
  propriété2: valeur;
}

où les propriétés vont modifier l'élément désigné (le nombre de propriétés peut varier bien entendu ^^)
Et les différents codes sont simplement mis les uns à la suite des autres.
Donc ici vous avez retiré les trois lignes correspondant aux propriétés, mais vous avez laissé le nom de l'élément qui était concerné ( "body" ), et qui donc ne sert plus à rien (mais il ne pose pas de problème non plus ici xD)

Cependant pour votre question vous pouvez le garder, puisque c'est cet élément là que l'on va modifier : body correspond à l'ensemble visible de la page internet, et c'est donc à lui que l'on applique le fond. La propriété que l'on va utiliser est background-size, qui détermine la taille de l'image de fond, et la valeur que l'on va lui attribuer est cover, qui applique à l'image la taille minimale nécessaire pour couvrir l'ensemble de la page de l'utilisateur. Ce qui donne comme code :

Code:

body {
  background-size: cover;
}

que vous pouvez coller dans la feuille de style ^^

[reikimeditation]

desolé pour le code j'ai bien retenu la lecon

merci pour toutes ces explications claire et précises, c'est parfait...

sauf pour les petits ecrans de telephone, je vois que l'image est répeté en petit modèle...mais bon le plus important est réglé.

[MlleAlys]

ah oui, les téléphone et tablettes.... j'avoue que comme je n'en utilise moi même pas, je ne sais pas trop quel ou quel code peut fonctionner de façon certaine sur tous les supports, mais effectivement je sais que cover n'est pas toujours fonctionnel sur certains modèles, désolée j'ai oublié de le préciser ><"

[reikimeditation]

pas de soucis, vos explications sont parfaites

merci beaucoup et bonne journée.