Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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 le 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 : 106
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bl-school-rpg.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 le Lun 11 Jan 2021 - 9:13

Personne ?
risa

risa
***

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

Voir le profil de l'utilisateur https://bl-school-rpg.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* le 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 : 3756
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 le 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 : 106
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bl-school-rpg.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* le Lun 11 Jan 2021 - 18:15

Ton header est bien responsive.
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3756
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 le 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 : 106
Inscrit(e) le : 09/05/2006

Voir le profil de l'utilisateur https://bl-school-rpg.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


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