Pour fignoler un peu plus encore les géniales capacités d’Escal quand on y affiche plusieurs vidéos responsives (deux, ou trois) dans une page avec le plugin https://contrib.spip.net/Plugin-Video-s
Comment aligner ces deux « modèles vidéos » & « choix_articles » dans la page ?
Les vidéos sont incluses comme si elles étaient présentée dans un tableau , et ensuite l’inclusion des suggestions d’articles à lire avec le modèle Escal « Choix_article » :
|||
<choix_article**|id=1454,278____|**colonne=3>
Merci de vos idées pour mieux aligner l’ensemble …
Ce questionnement n’est pas urgent, c’est une suggestion partagée à réfléchir …
Avec le modèle « choix_articles » tricotons un peu plus encore les géniales possibilités d’Escal<img moz-do-not-send=« false » src=« /uploads/spip/original/2X/9/97bf5b8dcf1c9fc62571e033e480b55f1c037d58.png » title="Insertion du
modèle "choix_articles|id=Xx,Yy,Zz|colonne=3> dans une
page." alt="Insertion du modèle
"choix_articles|id=Xx,Yy,Zz|colonne=3> dans une page." height="267" width="939">
Le modèle « <choix_articles|id=Xx,Yy,Zz|colonne=3> » est ici incorporé dans le bas d’une page article.
Comment ajouter dans ce modèle la possibilité pour les visiteurs de partager chaque article concerné avec les boutons liens sociaux renvoyant le lien des articles ?
propositions et suggestions d’améliorations …Aucune urgence,
Avec le modèle responsif <choix_articlesXXX> comment y élargir une image en fond et y superposer en défonce le titre de l’article concerné ?
La hauteur du modèle <choix_articlesXXX> s’affiche selon la hauteur de l’image du logo de l’article. Ce qui permet d’imaginer comme ci-dessous un « article-en-une-ligne d’annonce » responsive lorsque l’image est d’une petite hauteur.
Comment lui élargir une image en fond, pour qu’elle s’adapte à la largeur affichée et occupe toute la largeur ?
Comment changer ponctuellement la couleur de fond dans un modèle en lui ajoutant un réglage, par exemple <choix_articlesXXX|couleur=red>
Avec la couleur de fond du modèle <choix_articlesXXX|couleur=red> comment superposer le titre de l’article concerné en pleine largeur ?
Qu’en pensez-vous ,
@+
*/propositions et suggestions d'améliorations ....../**//**/Aucune urgence, /*
Avec le modèle responsif *<choix_articlesXXX>***comment y élargir une image en fond et y superposer en défonce le titre de l'article concerné ?
Bin une idée, comme ça... Dans ta css dans le style de l'article xy et, après le choix et le réglages de la police (je dirais en vw), y coller un background: url(image/ma-belle-image.jpg; background-size:cover;repeat: no-repeat
Si c'est une couleur unie, faire un carré de n pixels de coté et de couleur rouge, et mettre un repeat x
Là, ils utilisent une div et un p class dans la div.
Bonne journée,
Yves
La hauteur du modèle <choix_articlesXXX> s'afficheselon la hauteur de l'image du logo de l'article. Ce qui permet d'imaginer comme ci-dessous un */"article-en-une-ligne d'annonce" /*responsive lorsque l'image est d'une petite hauteur.
* Comment lui élargir une image en fond, pour qu'elle s'adapte à la
largeur affichée et occupe toute la largeur ?
* Comment changer ponctuellement la couleur de fond dans un modèle en
lui ajoutant un réglage, par exemple *<choix_articlesXXX|couleur=red>*
* Avec la couleur de fond du modèle *<choix_articlesXXX|couleur=red>*
comment superposer le titre de l'article concerné en pleine largeur ?
*/propositions et suggestions d'améliorations ....../**//**/Aucune urgence, /*
Avec le modèle responsif *<choix_articlesXXX>***comment y élargir une image en fond et y superposer en défonce le titre de l'article concerné ?
Bin une idée, comme ça... Dans ta css dans le style de l'article xy et, après le choix et le réglages de la police (je dirais en vw), y coller un background: url(image/ma-belle-image.jpg; background-size:cover;repeat: no-repeat
Si c'est une couleur unie, faire un carré de n pixels de coté et de couleur rouge, et mettre un repeat x background-image - CSS : Feuilles de style en cascade | MDN
Là, ils utilisent une div et un p class dans la div.
Bonne journée,
Yves
La hauteur du modèle <choix_articlesXXX> s'afficheselon la hauteur de l'image du logo de l'article. Ce qui permet d'imaginer comme ci-dessous un */"article-en-une-ligne d'annonce" /*responsive lorsque l'image est d'une petite hauteur.
* Comment lui élargir une image en fond, pour qu'elle s'adapte à la
largeur affichée et occupe toute la largeur ?
* Comment changer ponctuellement la couleur de fond dans un modèle en
lui ajoutant un réglage, par exemple *<choix_articlesXXX|couleur=red>*
* Avec la couleur de fond du modèle *<choix_articlesXXX|couleur=red>*
comment superposer le titre de l'article concerné en pleine largeur ?
Ce serait super de pouvoir ajouter en fond de <choix_articlesXXX> style un *background-image:* *linear-gradient*(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),
Je pige pas où est le problème ? De changer la valeur du linear-gradient en fonction du xxx ? ... Snif... Ça sent le javascript ça ! Mais là je ne m'y connais pas assez.
*J'ai noté ce qui est dit :**
Même si les images sont opaques et que les couleurs ne seront pas affichées de façon normale,
les développeurs doivent toujours définir une couleur d'arrière-plan via **|background-color| <https://developer.mozilla.org/fr/docs/Web/CSS/background-color>\*\*
au cas où les images ne peuvent être chargées.*
Vouais... Ou plutôt : Au cas où un de vos visiteurs utilise un navigateur datant d'avant l'invention du transistor . Si tes images sont dans un répertoire quelconque, il n'y a aucune raison qu'elles ne s'affichent pas, si elle sont distantes là, ça peut poser problème.
Pour le dégradé, le fait de l’accommoder à toutes les sauces (fait ?)(faisait ?) sauter la validation au W3C
Un truc que je n'ai jamais pris le temps de tester pour le background serait d'utiliser un svg qui, logiquement, prend la dimension de la div.
Quels JQUERY le modèle « choix_articles » a-t-il besoin pour fonctionner et aligner les box ?Je met à jour un site radioactif ami https://www.radiosblues.com construit sous Spip, avec des squelettes très anciens bâtis sur des procédures basées en 2008/2009.
Le site est passé allégrement à Spip 3.2 et PHP 7.1, et au html5 en venant de très très loin … avec mises à jour et ajouts de plugins actualisés. Le site est opérationnel avec son lot journalier de visiteurs en augmentation. De gros nettoyages intérieur, avec rangements différents, mise en archives, etc … tout cela est en cours.
De nombreux articles de qualité ont été écrits par des rédacteurs qui utilisent directement le html dans le texte des articles et dans les chapeaux ! Ce qui n’est vraiment pas conseillé ! Merci de toutes vos suggestions et propositions d’améliorations
ok la je suis surpris car escal n’est pas encore configuré html5 effectivement il y a du monde 34 plugins ; mais pas de escal ça tu peu verouillés le html dans les articles ce que je vais f’ailleurs mettre en place sur la plateforme
ok la je suis surpris car escal n’est pas encore configuré html5
Si Si, avec la Lettonie, avec HTML5 c’est ainsi qu’il tourne depuis … quelques années …
Ce site là n’est pas sous Escal, disons qu’il va en acquérir quelques morceaux
avec mises à jour et ajouts de plugins actualisés.
effectivement il y a du monde 34 plugins ; mais pas de escal
Le site est opérationnel avec son lot journalier de visiteurs en augmentation. De gros nettoyages intérieur, avec rangements différents, mise en archives, etc … tout cela est en cours.
De nombreux articles de qualité ont été écrits par des rédacteurs qui utilisent directement le html dans le texte des articles et dans les chapeaux ! Ce qui n’est vraiment pas conseillé !
ça tu peu verouillés le html dans les articles
ce que je vais f’ailleurs mettre en place sur la plateforme
Et comment tu fais pour vérouiller le html dans les articles ? sachant que de nombreux anciens articles sont ainsi constitués ! Et que certains embed> ou
C’est un peu le souk à l’intérieur avec de très vieux trucs imbriqués les uns dans les autres … Avant de modifier/choisir de nouveaux squelettes et esthétique, l’association doit se mettre d’accord. J’ai donné un premier coup de main pour les sauvegardes classiques et mettre à jour ce qui existe …
. Si tes images sont dans un répertoire quelconque, il n'y a aucune raison qu'elles ne s'affichent pas, si elle sont distantes là, ça peut poser problème.
