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.

Utilisé à ce jour dans 443 sites
Forum de l’article

test images pleine page

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
Réglages des textes avec les images en pleine largeur des articles pleine-page
Jaseur Boréal - le 30 août 2018

J’ai appliqué ces réglages dans perso.css pour ajouter une marge seulement aux paragraphes des textes et aux sous-titres h1, h2, h3, ... pour les articles en "pleine-page" :

.page-article-pleinepage #texte-article {
   text-align: left;
   margin-right: 0%;
   margin-left: 0%;
}

.page-article-pleinepage #texte-article h1, h2, h3, h4{
   text-align: left;
   margin-right: 3%;
   margin-left: 3%;
}

.page-article-pleinepage #texte-article  p{
   margin-right: 3%;
   margin-left: 3%;
   font-size: 1.8rem;
   line-height: 150%;
}

L’exemple test est ici : https://www.lettonie-francija.fr/1174

test images pleine page
Jean Christophe Villeneuve - le 30 août 2018

Hello

A mon avis, les text-align : left sont inutiles.

Et je rajouterais un

ul.portfolio_ligne li {
   list-style: none;
}

pour virer les points disgracieux devant le descriptif des photos

Sinon, ça rend bien !

Animer certaines lignes de textes en pleine-page
Jaseur Boréal - le 30 août 2018

J’ai essayé d’animer certaines lignes de textes avec les formules ci-dessous , à régler selon tests et souhaits ....

75% {
   font-size: 300%;
   margin-left: 25%;
   width: 150%;
   line-height: 300%;
}

h1, h2, h3, h4 {
 animation-duration: 3s;
 animation-name: slidein;
 animation-iteration-count: infinite;
}

@keyframes slidein {
 from {
   margin-left: 100%;
   width: 300%;
 }

 75% {
   font-size: 300%;
   margin-left: 25%;
   width: 150%;
 }

 to {
   margin-left: 0%;
   width: 100%;     }
}  

Tester pour affinet les réglages .... 😉)

Derniers commentaires

0 | 5 | 10

mails avec gmx
Pour être plus précis, c’est en voulant m’inscrire à un mooc où je n’ai jamais réussi à m’inscrire (...)

Problème adresse mail GMX
rien a dire sauf que : https://www.arobase.org/gmx/gmx.htm j’adore : https://postmaster.gmx.net/fr/f

Problème adresse mail GMX
J’ouvre un nouveau fil à ce sujet A Yves « Il semblerait qu’il y ait un problème avec ton (...)

chez moi tu sera bien... c’est chauffé ?
On en a déjà causé, c’est impossible. C’est vrai que j’ai de temps en temps mal aux dents, mais c’est (...)

chez moi tu sera bien
Hey et pourquoi ne pas venir chez nous ;) de plus un webmestre de plus ça serais top pour aider (...)

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.17