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.

Adapter l’Habillage selon les formats d’écrans


le 30 décembre 2012
à 15:56
Rappel du sujet :

Bonjour,

Avec pour vos escales en 2013, tous mes voeux de bonheurs et de joies multipliées dans les réussites de tous vos projets d’enchantements,
avec ceux qui vous entourent

Dans la hotte du Père Noël 2012-13,
Beaucoup de minis écrans ....
et avec le lot de ces nouveautés surchargeant les dimensions, les thèmes, les squelettes de plugins qui explosent d’étoiles et de trouvailles ...

Jetez vos regards sur ce site, en y réalisant une petite escale, le temps d’imaginer vos lecteurs équipés de toutes ces nouvelles tablettes ...

Qu’en pensez-vous ?

C’est en réfléchissant aux affichages qui s’adaptent que je suis aussi tombé sur
ceci :

Musicalement

Le Jaseur Boreal

Taille des logos dans le bloc central.

Bonjour,

Félicitations, je viens de découvrir ESCAL et suis admiratif, je suis preneur, je vais pouvoir l’utiliser pour les 3 sites Web dont je suis l’administrateur, il va me permettre une gestion plus confortable et également des évolutions (de forme) beaucoup plus faciles et sécurisées.

Je butte sur 2 points :

1- problème concernant la taille des icones du bloc central, je ne parviens pas à les dimensionner, elles demeurent en 50X37.
J’ai utilisé le paramétrage "La page article", "partie centrale", "Taille des logos" mais sans succés.
Les logos ne sont pas en cause puisqu’ils s’affichent (et se redimensionnent) correctement dans les articles ou dans la liste des articles d’une rubrique.
Quelle est la solution ?

 Dans le bloc latéral de droite, j’ai inséré la noisette brève.
Dans l’article lié, je ne souhaite insérer qu’une image avec lin html intégré.
L’image s’affiche en décalage à droite : elle débute au 4/5 du bloc, de-même elle s’affiche plus bas:entre le bloc brève et le bloc suivant. .
Avez-vous la solution ?

Voir copie écran.

Merci par avance pour vos réponses et félicitations encore pour ce plugin.

Taille des logos dans le bloc central.

Hello

Ravi qu’Escal te plaise autant.

Pour ton premier souci, la taille des logos dans le bloc central de la page d’accueil n’est pas configurable. Les logos sont normalement retaillés à 40px maxi. En fait tu voudrais quoi au juste ?

Pour ton deuxième souci, de quelle noisette "breves" parles-tu car celle_ci n’existe pas ! Il doit s’agir d’une autre noisette.

Ton site est-il visible en ligne ?

Adapter l’Habillage selon les formats d’écrans

Réponse rapide, merci.

Taille des logos dans le bloc central
Je que je souhaite exactement, c’est pouvoir redimensionner, par paramétrage spécifique, la taille des logos affichés dans le bloc central, pour ce qui me concerne : "bloc à la une" et "Derniers articles"

Le 2ème point n’est effectivement pas une noisette (je vais devoir maîtriser le vocabulaire d’escal), il s’agit du bloc latéral droit qui affiche "article libre 1"
PROBLEME RESOLU, il fallait modifier le contenu de l’article, remplacer : img1508|left par img1508|center

J’ai 2 questions :

1- comment peut-on exporter une configuration Escal, c’est-à-dire, transférer les infos nécessaires pour que le site en ligne affiche la même présentation que celui du PC ?

2- sur le site "vendeelocat", lorsque l’écran est réduit en largeur, le bloc droit des derniers articles se place en dessous du bloc centre/gauche. C’est excellent, cela permet d’avoir un site correct sur smartphone. Mais sur l’autre site "amicalebrgm.fr/v3b/", cette "magie" ne fonctionne pas ! C’est probablement dû à la configuration Escal mais je ne vois pas où il faut intervenir.

Merci par avance pour ton aide.

Alain

Adapter l’Habillage selon les formats d’écrans

Hello

Pour la taille des logos, je devrais pouvoir rendre ça paramétrable.

Pour le 2e point, il s’agit bien d’une noisette mais c’était son nom qui était surprenant.

Toute la config d’Escal est stockée dans la base de données : table spip_meta/escal. Il faut donc copier le champ texte de cette table d’une base à l’autre. (bien faire une sauvegarde de la base au préalable en cas de mauvaise manipulation)

Il y a en effet un souci sur le site amicalbrgm car la version d’Escal n’est pas affichée en bas. Pourrais-tu me créer un compte admin/webmestre temporaire sur ce site que je regarde de plus près ? (si oui, envoie-moi les codes via la page contact)

PS : Cool, un site en lien avec le BRGM ! (je suis prof de SVT)

Adapter l’Habillage selon les formats d’écrans

Pour le souci des pages qui ne s’adaptent pas aux écrans de petite taille, il ne faut pas cocher "Activer la compression des feuilles de style (CSS)" dans Configuration -> Fonctions avancées ... et la magie opère à nouveau.

Pour les images trip grandes dans la noisette, il faut activer GD2 et la génération des miniatures (même page de configuration).

Passer le layout dans l’url ?

Bonjour Jean Christophe,

Je n’ai pas bien compris l’usage qui concernant la dernière MAJ du 27 mai :

  • EscalV3 : on peut passer le layout dans l’url avec spip.php ?layout=XXX + surlignage du mot recherché dans l’article trouvé + un label dans les imput radio de la page contact + image du bandeau par déafaut à gauche

C’est à dire ?

Mon nouveau stock très récent de copies d’écrans sur smartphone et tablettes est en cours de tri et rangements.
Je te prépare ce rangement car certaines copies écran de "layouts fluide" sont trés instructives sur tablettes et smartphones.
Il y a de la mise à jour dans l’air, comme en Lettonie, le Parlement élit son Président de la république le 3 juin

@+

Adapter l’Habillage selon les formats d’écrans

Au départ, c’est juste pour spipfactory qui voulait présenter les différents layouts possibles.
Mais en fait, on peut l’utiliser partout.
Imaginons que ton site soit en layout PMP fixe mais que tu veuilles voir rapidement ce que donnerait telle ou telle page en layout MP fluide. Il suffit de rajouter
spip.php?layout=MPfluide
ou
&spip.php?layout=MPfluide
à la fin de l’url (en fonction de l’url où on se trouve) et hop !

Oui je sens que je vais avoir du boulot pour l’adaptation aux mobiles ...

Escal est devenu RESPONSIVE : Adapter l’Habillage selon les formats d’écrans

Bonjour,

FORMIDABLE !

En naviguant sur les sites :

1) Site de démonstration :
ici même

2) SpipFactory :
https://spipfactory.fr/

Je réalise que le squelette Escal-V3 est devenu responsive.

Une telle évolution majeure et heureuse du squelette mérite d’être signalée et décrite très explicitement sur Spip-Contrib et sur SpipFactory.

Envisagez-vous de le faire prochainement.

Bien cordialement.

FDG

Adapter l’Habillage selon les formats d’écrans

Bonsoir

Je n’en ai pas trop fait la pub car ce n’est pas encore 100% responsive. Il y a encore quelques réglages à faire notamment pour les gros doigts 😉 . J’avance peu à peu d’autant que je suis un peu débordé ces derniers temps.
Je ferais donc de la pub quand ce sera plus mobile-friendly.

Adapter l’Habillage selon les formats d’écrans

en tant et en heure sans doute ...
d’ailleurs ton article françois faut le revoir

ya longtemps qu’on tourne plus sous sarka ;)

Adapter l’Habillage selon les formats d’écrans

Merci pour le rappel : L’article est maintenant mis à jour !

Bravo pour le travail

Cordialement

FDG

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