Image d'arrière plan qui s'adapte à la taille de l'écran
2 participants
Page 1 sur 1
Image d'arrière plan qui s'adapte à la taille de l'écran
Bonjour à tous,
je suis nouveau sur le forum, j'utilise webacappella depuis maintenant 5 ans environ. J'ai commencé avec webacappella 4 et depuis un an je suis passé sur responsive.
Je suis en train de refaire mon site dédié à la photographie et je rencontre un petit problème avec mon image de fond. Je voudrais qu'elle s'adapte automatiquement à la taille de l'écran mais je n'y arrive pas. J’arrive a le faire dans la largeur avec les réglages que le logiciel propose mais pas sur la hauteur.
Est ce qu'il y a un code à rajouter pour permettre cette option ?
Merci à tous pour votre aide.
je suis nouveau sur le forum, j'utilise webacappella depuis maintenant 5 ans environ. J'ai commencé avec webacappella 4 et depuis un an je suis passé sur responsive.
Je suis en train de refaire mon site dédié à la photographie et je rencontre un petit problème avec mon image de fond. Je voudrais qu'elle s'adapte automatiquement à la taille de l'écran mais je n'y arrive pas. J’arrive a le faire dans la largeur avec les réglages que le logiciel propose mais pas sur la hauteur.
Est ce qu'il y a un code à rajouter pour permettre cette option ?
Merci à tous pour votre aide.
Dernière édition par isscool le Lun 6 Mai 2019 - 12:54, édité 1 fois
Re: Image d'arrière plan qui s'adapte à la taille de l'écran
Bonsoir isscool et bienvenue sur le forum
J'ai un code dans mes tiroirs que j'utilisais avec les versions précédentes, il devrait marcher sans problème avec WAResponsive (appelé WAGrid maintenant)
Code à placer dans les propriétés de la page (head de la page)
Il faudra juste remplacer l'url de l'image du background par celle de ton image.
Cordialement
J'ai un code dans mes tiroirs que j'utilisais avec les versions précédentes, il devrait marcher sans problème avec WAResponsive (appelé WAGrid maintenant)
Code à placer dans les propriétés de la page (head de la page)
- Code:
<style>
body {
background: url(adresse-image.jpg) no-repeat center fixed;
webkit-background-size: cover; /* pour Chrome et Safari */
moz-background-size: cover; /* pour Firefox */
o-background-size: cover; /* pour opera */
background-size: cover; /* version standardisée */
}
</style>
Il faudra juste remplacer l'url de l'image du background par celle de ton image.
Cordialement
Re: Image d'arrière plan qui s'adapte à la taille de l'écran
Merci beaucoup pour ton aide, tout fonctionne parfaitement.
Cordialement.
Cordialement.
Sujets similaires
» Taille des boutons par rapport au texte , réglage des espaces ??????
» Box avec arrière plan étendu
» Lien multiple sur image
» Bouton Wagrid avec une image
» Effet image tournante avec WebAcappella Responsive
» Box avec arrière plan étendu
» Lien multiple sur image
» Bouton Wagrid avec une image
» Effet image tournante avec WebAcappella Responsive
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|