[Abandonné] Largeur fourm automatique

Les sujets archivés/corbeillés
Avatar du membre
verturin verturin
Membre
Messages: []
Enregistré depuis: 1 an 7 mois
Prénom: Fred
Forum phpBB: https://www.cage-et-chastete.com/
Localisation: Ain
Intérêt: Randonnée
Généalogie
GEOCACHING
Emploi: Administrateur Système

Largeur fourm automatique

Message par 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 :lol: :lol:

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
Modifié en dernier par MariePop's le 25 févr. 2023, 17:05, modifié 1 fois. (Journal des éditions)
Raison: Ajout des balises [code]
Avatar du membre
MariePop's MariePop's
Modération
Messages: []
Enregistré depuis: 4 ans 4 mois
Forum phpBB: https://phpbb-forum.ovh/
Intérêt: Forum des BBCodes
Le forum et vous

Re: Largeur fourm automatique

Message par 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?
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
verturin verturin
Membre
Messages: []
Enregistré depuis: 1 an 7 mois
Prénom: Fred
Forum phpBB: https://www.cage-et-chastete.com/
Localisation: Ain
Intérêt: Randonnée
Généalogie
GEOCACHING
Emploi: Administrateur Système

Re: Largeur fourm automatique

Message par 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.
Avatar du membre
MariePop's MariePop's
Modération
Messages: []
Enregistré depuis: 4 ans 4 mois
Forum phpBB: https://phpbb-forum.ovh/
Intérêt: Forum des BBCodes
Le forum et vous

Re: Largeur fourm automatique

Message par MariePop's »

Ton forum sur mobile s'affiche comme il doit s'afficher en responsive.
Modifié en dernier par MariePop's le 25 févr. 2023, 17:24, modifié 1 fois. (Journal des éditions)
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
verturin verturin
Membre
Messages: []
Enregistré depuis: 1 an 7 mois
Prénom: Fred
Forum phpBB: https://www.cage-et-chastete.com/
Localisation: Ain
Intérêt: Randonnée
Généalogie
GEOCACHING
Emploi: Administrateur Système

Re: Largeur fourm automatique

Message par verturin »

MariePop's a écrit: 25 févr. 2023, 17:23
Ton forum sur mobile s'affiche comme il doit s'afficher en responsive.
Non, c’est plus le cas si je modifie cette valeur
Message déplacé du forum Discussions phpBB vers le forum Entraide phpBB 3.3.x par Fred le 26 févr. 2023, 07:44

Avatar du membre
Fred Fred
Fondateur
Messages: []
Enregistré depuis: 4 ans 6 mois
Identité: Fred Rimbert
Forum phpBB: https://caforum.fr
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub

Re: Largeur fourm automatique

Message par 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.
Avatar du membre
verturin verturin
Membre
Messages: []
Enregistré depuis: 1 an 7 mois
Prénom: Fred
Forum phpBB: https://www.cage-et-chastete.com/
Localisation: Ain
Intérêt: Randonnée
Généalogie
GEOCACHING
Emploi: Administrateur Système

Re: Largeur fourm automatique

Message par 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 😉
Avatar du membre
Fred Fred
Fondateur
Messages: []
Enregistré depuis: 4 ans 6 mois
Identité: Fred Rimbert
Forum phpBB: https://caforum.fr
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub

Re: Largeur fourm automatique

Message par 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.
Avatar du membre
verturin verturin
Membre
Messages: []
Enregistré depuis: 1 an 7 mois
Prénom: Fred
Forum phpBB: https://www.cage-et-chastete.com/
Localisation: Ain
Intérêt: Randonnée
Généalogie
GEOCACHING
Emploi: Administrateur Système

Re: Largeur fourm automatique

Message par verturin »

Merci pour les infos
Je vais regarder tout ça
Message déplacé du forum Entraide phpBB 3.3.x vers le forum Archives par MariePop's le 05 mars 2023, 20:23

Avatar du membre
MariePop's MariePop's
Modération
Messages: []
Enregistré depuis: 4 ans 4 mois
Forum phpBB: https://phpbb-forum.ovh/
Intérêt: Forum des BBCodes
Le forum et vous

Re: Largeur fourm automatique

Message par 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.
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi