image qui se répète sur le fond chatbox
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
image qui se répète sur le fond chatbox
Bonjour, j'ai mis une image de fond (code css avec body). Mais cette image se répète sur le fond de la chatbox. Comment faire pour l'élimer uniquement sur le fond de la chatbox ? Merci par avance.
Re: image qui se répète sur le fond chatbox
Bonjour, c'est la cata les images se répètent sur le fond de la chatbox.
Est-il possible de les effacer ou même mieux que je puisse mettre une image en fond ? Merci.
Est-il possible de les effacer ou même mieux que je puisse mettre une image en fond ? Merci.
Re: image qui se répète sur le fond chatbox
Bonjour !
Alors, la chatbox ayant aussi un body, le background du body s'y applique également.
Ce qu'on va faire, c'est modifier le CSS qui défini le background du body, comme ceci :
Comme le body de la chatbox possède une class ".chatbox" ; en mettant body:not(.chatbox), on demande au CSS de s'appliquer sur tous les body sauf celui qui a une class ".chatbox".
Si ensuite, vous voulez mettre un body uniquement sur la class ".chatbox", vous pourrez aussi le faire en mettant par exemple :
Alors, la chatbox ayant aussi un body, le background du body s'y applique également.
Ce qu'on va faire, c'est modifier le CSS qui défini le background du body, comme ceci :
- Code:
body:not(.chatbox) {
background-color: #A1D0EB;
background-image: url(https://2img.net/zupimages.net/up/23/29/znp7.png), url(https://zupimages.net/up/23/30/05he.png), url(https://zupimages.net/up/23/30/7jk3.png);
background-position: top 64px center, top 262px center, top center;
background-size: 100% auto, 100% auto, 100% auto;
background-repeat: no-repeat, no-repeat, repeat;
}
Comme le body de la chatbox possède une class ".chatbox" ; en mettant body:not(.chatbox), on demande au CSS de s'appliquer sur tous les body sauf celui qui a une class ".chatbox".
Si ensuite, vous voulez mettre un body uniquement sur la class ".chatbox", vous pourrez aussi le faire en mettant par exemple :
- Code:
body.chatbox {
background-color: #A1D0EB;
}
Re: image qui se répète sur le fond chatbox
Bonjour,
Vous pouvez passer par ce code css pour retirer le fond :
Ou bien pour mettre une autre image :
(EDIT : oups, pardon Toryudo)
Vous pouvez passer par ce code css pour retirer le fond :
- Code:
body.chatbox {
background: none;
}
Ou bien pour mettre une autre image :
- Code:
body.chatbox {
background: url(LIENIMAGE);
}
(EDIT : oups, pardon Toryudo)
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: image qui se répète sur le fond chatbox
Merci Melle Alys et Toryudo.
Sujets similaires
» fond d'image répété
» L'image de fond ne répète pas
» Image de fond qui se répète
» Fond image du Header qui se répète
» Image de fond du forum qui se répéte.
» L'image de fond ne répète pas
» Image de fond qui se répète
» Fond image du Header qui se répète
» Image de fond du forum qui se répéte.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum