Personnaliser du CSS couleur pour chaque article publié ?

Général
1

Bonjour !

Pour un cas précis de site, ou chaque article présente un livre qui à sa couleur, je souhaiterai pouvoir personnaliser la couleur du chapö et des filets de type

par ex.

Comment faire ? Existe-il un plugins qui le permet ? Ou, dois-je insérer mon code directement dans le formulaire chapô dans la partie privé, l’idée n’est pas de créer autant d’article (article = 4, article= 5) via le ftp pour éviter une usine à gaz.

Merci de votre aide par avance !

2

Pour les couleurs d’un texte, tu as le plugin couleurs_spip

3

Bonjour,

Dans les grandes lignes :

  • installer le plugin couleur_objet qui permettra d’affecter une couleur
    à chaque article

  • associé au plugin palette pour sélectionner la couleur plus facilement

  • ensuite créer un fichier de feuille de style calculé par Spip que tu
    intègres à tes squelettes : couleur_chapos.css.html

  • dans cette feuille de style, tu commences par
    #HTTP_HEADER{Content-Type: text/css; charset=utf-8}
    #HTTP_HEADER{Vary: Accept-Encoding}

et ensuite tu fais une boucle sur les articles qui ont une couleur
d’objet, et tu y styles ton chapo.

Le 02/12/2021 à 18:20, Frédéric Rauzy via Discuter de SPIP a écrit :

[Gaston] Frédéric Rauzy https://discuter.spip.net/u/gaston Gaston
Décembre 2

Bonjour !

Pour un cas précis de site, ou chaque article présente un livre qui à sa
couleur, je souhaiterai pouvoir personnaliser la couleur du chapö et des
filets de type

par ex.

Comment faire ? Existe-il un plugins qui le permet ? Ou, dois-je insérer
mon code directement dans le formulaire chapô dans la partie privé,
l’idée n’est pas de créer autant d’article (article = 4, article= 5) via
le ftp pour éviter une usine à gaz.

Merci de votre aide par avance !

Voir le sujet
https://discuter.spip.net/t/personnaliser-du-css-couleur-pour-chaque-article-publie/156944/1
ou répondre à ce courriel pour répondre.

Pour se désabonner de ces courriels, cliquez ici
https://discuter.spip.net/email/unsubscribe/2fc448c177043b6d221574b1f53cdbd0f474c34cd8fdc19b17835bea8f99e61a.

–
Stéphane
17 Charente-Maritime

4

Regarder peut-être aussi du côté de |couleur_extraire Couleurs automatiques - SPIP pour automatiser le tout.

5

Bonjour ,

Merci pour vos conseils, le pluging peut-etre utile, mais finalement la solution de @jeanmarie est la meilleur, je ne la connaissais pas, la couleur du livre est un bandeau assez fin tout à droite de la couverture, je n’arrivai pas à cibler précisément cette partie, je ne sais pas si il est possible de choisir un pixel en particulier en haut à droite de l’image.

Finalement je charge un aplat de couleur en tant que logo article, que j’utilise pour extraire ma couleur, et je charge ma couverture dans document, j’arrive à avoir mon Chapeau, et mon <hr> en couleur de manière automatique.

Mon code :

<div class="chapo" style="[color: #(#LOGO_ARTICLE|couleur_extraire);]">(#CHAPO)</div>
<div style="[color: #(#LOGO_ARTICLE|couleur_extraire);]"><hr></div>

<div class="texte" style="[border-bottom: #(#LOGO_ARTICLE|couleur_extraire);]">(#TEXTE)</div>

<BOUCLE_doc(DOCUMENTS){extension IN png,jpg}{id_article}{mode=image}{par rang_lien, num titre,}>
[(#LOGO_DOCUMENT)]
</BOUCLE_doc>

Merci !

6

Pour de meilleures performances, tu dois pouvoir utiliser #SET et #GET :

tu mets la couleur dans une variable avec #SET{couleur,##LOGO_ARTICLE|couleur_extraire} (syntaxe à affiner si besoin) puis tu l’utilises où tu veux dans le reste de la page avec #GET{couleur}.

Tu économises ainsi 2 requêtes dans la base de données (dans ton exemple) + traitement de |couleur_extraire et tu sauves des bébés écureuils :slight_smile:

La doc : #SET et #GET - SPIP