Ellade
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

Box avec arrière plan étendu

2 participants

Aller en bas

Résolu Box avec arrière plan étendu

Message par isscool Sam 1 Fév 2020 - 9:03

Bonjour à tous,

j'ai créé mon site www.chapteuil-sports-nature.com et je rentre un petit problème avec mon bandeau photos du haut de page.
J'ai ajouté une box avec un arrière plan étendu pour afficher mon bandeau de plusieurs photos que j'ai créé pour qu'il s'affiche sur toute la largeur de page. Cela fonctionne bien sur un grand écran mais lorsqu'on passe sur un plus petit (ex : sur un macbook) ça me coupe les deux images de côté. Est ce qu'il y a une solution pour que mon bandeau s'adapte à la largeur de l'écran ?

Merci à tous pour votre aide.


Dernière édition par isscool le Sam 1 Fév 2020 - 11:48, édité 1 fois

isscool

Messages : 5
Date d'inscription : 04/05/2019
Age : 38

https://juliensimon-photographies.com/

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par Ellade Sam 1 Fév 2020 - 9:47

Bonjour
C'est normal elle est en fond de box
Il faut comme tu as fait mettre la box en box étendue et ensuite tu mets dans cette box étendue un élément image qui prendra toute la largeur de la box et donc aussi de l'écran, et l'image s'adaptera automatiquement à n'importe quelle largeur d'écran.

Cordialement
Ellade
Ellade
Admin

Messages : 1036
Date d'inscription : 11/03/2009

https://ellade.forumperso.com

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par Ellade Sam 1 Fév 2020 - 10:39

j"avais pas bien lu en fait pour ton fond de box il faut mettre en mode cover pour qu'il s'adapte à la largeur
Et comme je suppose que tu as mis un spacer pour avoir la vue de l'image de fond il faut diminuer la hauteur du spacer sur les vues MD et SM indépendamment les unes des autres pour conserver le ratio de l'image de fond.
Une hauteur spécifique pour chaque vue.
Ellade
Ellade
Admin

Messages : 1036
Date d'inscription : 11/03/2009

https://ellade.forumperso.com

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par isscool Sam 1 Fév 2020 - 11:20

J'ai oublier de le préciser moi aussi mais j'avais déjà mis la box étendue avec un arrière plan en mode cover, mais ça ne s'adapte pas à l'écran.
Par contre ça à l'air de fonctionner en ajoutant une image à l’intérieur de ma box.

isscool

Messages : 5
Date d'inscription : 04/05/2019
Age : 38

https://juliensimon-photographies.com/

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par Ellade Sam 1 Fév 2020 - 11:33

Effectivement l'image est le plus adapté pour que ça s'ajuste mais par contre tu ne peux pas avoir l'effet parallaxe
A toi de voir si soit l'image et tout est complètement automatique , rien à paramétrer
ou si tu veux l'effet parallaxe la mettre en fond cover mais ça ne suffit pas,
Il faut mettre un spacerV
et régler la hauteur du spacerV pour chaque format, en gros :
500 pour format Lg
400 pour format Md
200 pour format Sm
150 pour format Xs
A voir j'ai mis ça à la louche

Perso je choisirais l'image sans parallaxe slight_smile

Très beau ton site j'aime le design c'est clair et donne envie de continuer la visite cheers
Ellade
Ellade
Admin

Messages : 1036
Date d'inscription : 11/03/2009

https://ellade.forumperso.com

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par isscool Sam 1 Fév 2020 - 11:47

Merci beaucoup pour ton aide, je vais effectivement prendre la deuxième solution sans effet.
Merci aussi pour ton avis sur mon site. Ce n'est pas forcement évident de créer un site de A à Z en se mettant à la place de la personne qui va venir le visiter pour que ce soit clair.

Cordialement.

isscool

Messages : 5
Date d'inscription : 04/05/2019
Age : 38

https://juliensimon-photographies.com/

Revenir en haut Aller en bas

Résolu Re: Box avec arrière plan étendu

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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