Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Adaptation mise en page générale

Jean-Louis Charpenteau
le 10 février 2020
à 11:53
Rappel du sujet :

Bonjour
J’utilise principalement un layout"fixe" pour la mise en page générale car ça correspond bien aux envies des utilisateurs (image de fond...) mais je tombe sur un pb : la largeur de 950 px est bien adaptée aux écrans assez répandus de 1366 px de large. Par contre ça devient rédhibitoire sur les écrans de portables récents de plus de 1900 px car cela ne fait que 50% de la largeur...
Serait il possible d’avoir un paramétrage du genre x% de la largeur de l’écran ?
J’imagine que je ne suis pas le premier à me poser la question.....
Bien cordialement
JLouis

Adaptation mise en page générale

Bonjour

Non, Escal ne permet d’avoir un site qui fasse X% de l’écran. D’autant qu’il faudrait aussi définir une largeur au-dessous de laquelle il occuperait tout l’écran.

Je ne saurais que trop te conseiller de choisir un layout fluide avec une largeur maximum que te choisis à ta convenance. Sur ce site j’ai choisi 1200px.

Ainsi, sur les écrans supérieurs à cette valeur, on a une image de fond visible. Avec 1200px, ça passe bien même sur les écrans très larges. Au-dessous, le site prend tout l’écran mais surtout s’adapte à la taille de l’écran, ce qui n’est pas le cas des layouts fixes. C’est à mon avis le meilleur compromis.

Adaptation mise en page générale

Bonsoir
Désolé pour le délai. Merci Jean-Christophe pour ta réponse rapide. Effectivement la solution que tu proposes a l’air de convenir pour la plus grande partie des situations et, ce qui ne gâte rien, est facile de mise en œuvre.
Je m’en vais de ce pas la proposer à mes collègues, il faudra juste retailler les photos du bandeau mais ça ne se fait qu’une fois au démarrage.
Encore merci
A+
JLouis

Adaptation mise en page générale

Hello

Pour le bandeau, je préconise de ne faire qu’une seule image (qui peut être elle-même un assemblage de plusieurs images) de 2000px par exemple (en tout cas au moins la largeur du site). Celle-ci s’adaptera automatiquement à la largeur de l’écran.

Adaptation mise en page générale

Re
en fait je disais ça pour le bandeau parceque nous avons un nivoslider sur le bandeau et donc il faut retailler toutes les photos.... mais ce n’est pas grave !!
Encore merci de tes conseils.
JLouis

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14