[Abandonné] Largeur fourm automatique

[verturin]

Bonjour a tous

Je voulais supprimer les bandes blanche du forum sur le pc.

j'ai donc utilisé ça dans mon style perso

Code : Tout sélectionner

.wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	/* Desactivation de la ligne avec 1152px qui est la valeur par defaut du style prosilver */	
	/* max-width: 1152px; */
	/* Ajout de la valeur 100% pour que le forum soit sur toute la largeur de la page du navigateur */
	max-width: 100%; 
	min-width: 625px;
	padding: 15px;
}

le problème maintenant, c'est que la largeur sur les tel est trop large

il ya t'il un système pour détecter l'appareil et rendre automatique la lageur du forum

ou faut t'il modifier la valeur max-witdh a d'autres endroit ??

Merci d'avance pour les réponses

[MariePop's]

Bonsoir.à l'avenir merci d'utiliser les balises adéquates lors de l'utilisation de code dans un message.Merci de lire cette règle issue de notre règlement.

Concernant les "bandes blanches" qu'est-ce que c'est?

[verturin]

Bonjour

Le style prosilver a une largeur de forum par défaut de 1152px ce qui génère des bandes sur les côtés du forum si l’’écran est plus grand.

Mais si je change cette valeur, ça change aussi l’affichage sur un téléphone.

Du coup faut il changer la valeur max-width à plusieurs endroits.

[MariePop's]

Ton forum sur mobile s'affiche comme il doit s'afficher en responsive.

[verturin]

Ton forum sur mobile s'affiche comme il doit s'afficher en responsive.

Non, c’est plus le cas si je modifie cette valeur

[Fred]

Salut Fred

Merci de rester vigilant dans le choix du forum lorsque tu demandes de l'aide, ce qui semble être le cas. Je viens de déplacer ton surjet dans le bon forum.

Ajoute ceci au fichier stylesheet.css du style prosilver :

Code : Tout sélectionner

@media (max-width: 700px) {
	.wrap {
		max-width: 100%;
	}
}

Cela affichera le forum sur la totalité de l'écran sur smartphone. Pense à vider le cache.


Au lieu de modifier le style par défaut de phpBB je t'invite à créer un style enfant qui comprendra toutes les modifications. Ainsi à chaque mise à jour ces dernières ne seront pas perdues.

[verturin]

Bonjour

A quoi correspond le @media ?
C’est pour les appareils mobiles ?

Et effectivement je travaille sur un thème enfant. Un veille habitude

[Fred]

Je n'avais pas lu que tu travaillais sur un style hérité.
Comme dit dans mon message cet ajout va permettre de mettre ton forum en page pour la version mobile.
Va faire un tour dans le fichier responsive.css du style prosilver.

En savoir plus sur @media

Ajouté 3 heures 39 minutes 42 secondes après :
Définition et utilisation
La règle @media est utilisée dans les requêtes multimédias pour appliquer différents styles pour différents types de médias/périphériques.

Les requêtes multimédias peuvent être utilisées pour vérifier de nombreux éléments, tels que :

• largeur et hauteur de la fenêtre
• largeur et hauteur de l'appareil
• orientation (la tablette/le téléphone est-il en mode paysage ou portrait ?)
• résolution

L'utilisation de requêtes multimédias est une technique populaire pour fournir une feuille de style personnalisée (conception Web réactive) aux ordinateurs de bureau, ordinateurs portables, tablettes et téléphones mobiles.

Tu peux également utiliser des requêtes multimédias pour spécifier que certains styles sont uniquement destinés aux documents imprimés ou aux lecteurs d'écran (type de média : impression, écran ou parole).

En plus des types de médias, il existe également des fonctionnalités multimédias. Les fonctionnalités multimédias fournissent des détails plus spécifiques aux requêtes multimédias, en permettant de tester une fonctionnalité spécifique de l'agent utilisateur ou du périphérique d'affichage. Par exemple, tu peux appliquer des styles uniquement aux écrans dont la largeur est supérieure ou inférieure à une certaine largeur.

[verturin]

Merci pour les infos
Je vais regarder tout ça

[MariePop's]

Bonsoir, quelles sont les nouvelles?

Relance par un modérateur.
Cela fait 5 jours que tu n'as pas donné suite à ta demande.
Sous 48h ton message sera verrouillé et archivé.

Merci de relire le règlement de l'entraide.

Ajouté 1 jour 23 heures 49 minutes 31 secondes après :
Pas de nouvelles de l'utilisateur.