image de fond du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu image de fond du forum

Message par reikimeditation le Dim 31 Aoû 2014 - 19:29

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 confused je ne sais pas si c'est clair pour vous?

merci de vos réponses Smile


Dernière édition par reikimeditation le Lun 1 Sep 2014 - 8:49, édité 1 fois

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: image de fond du forum

Message par MlleAlys le Dim 31 Aoû 2014 - 20:16

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 =/

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par reikimeditation le Dim 31 Aoû 2014 - 20:40

Merci MlleAlys, tout est parfait !

bonne soirée

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par Chacha le Dim 31 Aoû 2014 - 20:43

..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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50925
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par reikimeditation le Dim 31 Aoû 2014 - 20:45

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

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par reikimeditation le Dim 31 Aoû 2014 - 21:05

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

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: image de fond du forum

Message par MlleAlys le Dim 31 Aoû 2014 - 22:30

plutôt que de faire une capture d'écran, copiez/collez votre code entre balises [ code]... [ /code] Wink
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 Wink (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 ^^

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par reikimeditation le Dim 31 Aoû 2014 - 22:49

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

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é.



reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par MlleAlys le Lun 1 Sep 2014 - 0:34

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 ><"

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond du forum

Message par reikimeditation le Lun 1 Sep 2014 - 8:48

pas de soucis, vos explications sont parfaites Very Happy

merci beaucoup et bonne journée.


reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum