Petit devoir de vacancespour vos photographies estivales avant la rentrée …
Dans ESCAL nous avons la possibilité d’afficher un article en « Pleine page » avec le mot-clé "pleinepage" et choisir les articles ou les rubriques qui seront affichés en pleine page sans blocs latéraux.
Imaginons un article pleine page qui ne serait composé que de "photos et vidéos responsives pleine page", et que l’on pourrait ainsi faire défiler de haut en bas avec la roulette ou les doigrs.
*Petit devoir de vacances **pour vos photographies estivales avant la rentrée ...*
Dans ESCAL nous avons la possibilité d'afficher un article en "*Pleine page*" avec le mot-clé *"pleinepage*" et choisir les *articles * ou les *rubriques * qui seront affichés en pleine page sans blocs latéraux.
Imaginons un article pleine page qui ne serait composé que de "*photos et vidéos responsives pleine page",* et que l'on pourrait ainsi faire défiler de haut en bas avec la roulette ou les doigrs.
Ci-dessous un exemple concret avec images et vidéos, article en préparation, avec le jeune artiste letton qui peint avec ses sourires .
Avec les mots clés « Pleine page », il faudrait trouver le moyen de supprimer les marges à gauche et à droite des images et vidéos dans le « layout » concerné … comment ?
Mettre les marges à « 0 » dans #texte-article du perso.css ne change pas la marge à droite du container article.
A gauche c’est bon, mais à droite, cela se cale sur la largeur de la barre menu, et celle du bandeau.
Il y a des largeurs parasites entre le bandeau de tête, le bandeau de pied, la barre menu, Visible dans firefox avec un zoom arrière . Je n’arrive pas à trouver leur origine.
Selon le zoom on remarque aussi dans le formulaire forum, le champ titre qui dépasse …
En fait, quand on affiche pleine page, a moins d’avoir réglé le fond d’article sur « transparent » pour apercevoir l’image de fond entre les cadres, il n’y a pas lieu de charger cette image de fond, ni sur écrans de bureau, ni sur tablettes et smartphones. On pourrait encore gagner de la vitesse de chargement de la page.
Je vais tester un article pleine page avec de larges images et une vidéos, ainsi qu’une partie en deux colonnes, etc …
Ici un exemple, avec l’affichage d’une carte en pleine page.
Il va me falloir aller voir les réglages du modèle GIS4 pour qu’elle puisse s’afficher dans la toute la largeur, car il y a une marge supplémentaire à droite.
Petit devoir de vacancespour vos photographies estivales avant la rentrée …
Dans ESCAL nous avons la possibilité d’afficher un article en « Pleine page » avec le mot-clé "pleinepage" et choisir les articles ou les rubriques qui seront affichés en pleine page sans blocs latéraux.
Imaginons un article pleine page qui ne serait composé que de "photos et vidéos responsives pleine page", et que l’on pourrait ainsi faire défiler de haut en bas avec la roulette ou les doigrs. Un exemple ici :**** http://www.tvnet.lv/timeline/takas/ Comment réaliser cela dans Escal ?
****Avec les nouvelles améliorations précédentes d’Escal mis à jour , voici ce qui est obtenu en exemples d’articles « pleine page »
Avec des images insérées dans le contenu par le modèle https://www.lettonie-francija.fr/1357 et les variantes du pluggin "insertion avancée d’image" ( pour la première « effet kenburns » <img4919|kenburns=1.6>)
En fait il reste des marges a gauche et à droite de la vidéo, et des images.
Comment en affichage pleine page, supprimer ces marges, ce serait + sympa.
@+
Bonjour,
Dans l’article « pleine-page » sous squelette ESCAL, il y a toujours des marges à droite et à gauche des images …
La page article exemple pleine page construite avec les images 1800 x 1000 pixels issues de cet autre exemple original que j’essaye de reproduire dans spip http://www.tvnet.lv/timeline/takas/.
Quand on affiche <img5820|largeur=1800> ou elles n’occupent que 50% de la largeur de la page, alors que leur largeur est de 1800 pixels, bizarre ?
Il n’y a que l’orsqu’on applique un effet kenburns, que l’image s’affiche à 100% de la largeur de la page. Pourquoi ?
La présentation en ligne, fonctionne bien, c’est efficace. Selon Arnoconcepteur du pluggin "insertion avancée d’image" :Une image est cliquable (pour afficher le grand format) automatiquement si elle fait plus de 800 pixels dans une de ses dimensions. Be, non, ici ça marche pas.
On pourrait très bien s’en inspirer pour créer dans ESCAL un article « PLEINE-PAGE-ANIMEE » qui raconte une histoire avec de grandes images responsives et des textes explicatifs qui apparaissent.
D’autres textes sont entre les grandes images. Les animations apportant du vivant dans la page.
Exactement les effets que je cherchais à réaliser dans Escal, https://www.lettonie-francija.fr/1174 entre les textes, les images et les vidéos d’un article "Pleine-page"
Comment faudrait-il procéder pour ajouter l’option« effet parallax scroll effect »dans les articles « pleine-page » d’Escal ? Est-ce un nouveau modèle ?
Bonjour,
**Avec les nouvelles améliorations précédentes d’Escal mis à jour , voici ce qui est obtenu en exemples d’articles « pleine page »