Adapter le header à toutes les résolutions d'écran [Modernbb]

2 participants

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

Résolu Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par risa Ven 8 Jan 2021 - 11:21

Bonjour,

J'ai fouillé un peu partout sur le forum pour savoir s'il était possible d'adapter le header à toutes les résolutions d'écran.

Les sujets que j'ai trouvé évoquent uniquement phpbb2 et non modernbb.

J'ai mis ce code dans mon CSS:

Code:
@media {
.headerbar {background-image: url('https://i.goopics.net/XWlrX.png');
  background-size: cover !important;
  background-repeat:no-repeat ;
  height: 595px !important;
  width: auto !important;
  background-color:transparent;
  }
}

J'ai tenté à plusieurs reprises de changer "width" en pixels, puis en pourcentage, j'ai aussi essayé max/min-width et ça me mettait une image déformée sur mobile et pc portable. Pour mon pc principal, j'utilise une résolution de 1920x1080. Pour celles inférieures apparemment, ça coupe l'image.

Quelqu'un saurait me dire comment régler ce petit souci ? Car ce n'est pas très beau visuellement Smile

Merci d'avance, bonne journée.
risa

risa
***

Féminin
Messages : 145
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bloodcontract.forumactif.com
risa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par risa Lun 11 Jan 2021 - 9:13

Personne ?
risa

risa
***

Féminin
Messages : 145
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bloodcontract.forumactif.com
risa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par *Splash* Lun 11 Jan 2021 - 9:55

Salut
Tu as une capture d'écran du rendu sur version mobile ?
Quand je fais un test en réduisant la fenêtre du navigateur de droite à gauche, le header est bien responsive
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par risa Lun 11 Jan 2021 - 17:39

Bonjour, merci pour votre réponse.

Voici le screen de mon téléphone:  https://i.goopics.net/Ebyap.png
risa

risa
***

Féminin
Messages : 145
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bloodcontract.forumactif.com
risa a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par *Splash* Lun 11 Jan 2021 - 18:15

Ton header est bien responsive.
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter le header à toutes les résolutions d'écran [Modernbb]

Message par risa Mer 13 Jan 2021 - 14:43

Une personne m'a dit que non, m'enfin, je ferai attention à ce détail au prochain changement de design.
Merci pour votre réponse, bonne journée Smile
risa

risa
***

Féminin
Messages : 145
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bloodcontract.forumactif.com
risa a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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