css différente pour chaque article

Pierrot

Octobre 2017

Bonjour

est-il possible d’avoir un arrière plan (body) différent pour chaque article ? et comment faire ?

Par exemple pour mon article "jardin", j’aimerai que l’arrière plan soit la photo d’un jardin ; pour l’atricle "chat", un arrière plan de chat etc ...

merci pour votre aide et solutions

Pierrot

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Octobre 2017

Bonjour,

Il faut commencer par associer une image à chaque article. Tu peux utiliser Logo d’article si tu ne l’utilises pas autrement. Ensuite tout dépend quel spip tu as et surtout quel plugins mais par défaut il faut surcharger le fichier squelettes-dist/article.html vers squelettes/article.html tu pourras utiliser le logo d’article pour mettre en fond via un style embarqué du type :
[style="background-image:url((#LOGO_ARTICLE|fichier))"]
A mettre dans la div qui te convient
Indiquez l’intérêt que vous portez à cette réponse

0

Manu

Octobre 2017

Plusieurs solutions...
Je pense par exemple à mettre dans le code html/squelette spip quelque chose comme
<body class="body body#ID_ARTICLE">
et faire pointer par tes css l’image qui va bien
.bodyx{background-image:url(bg_bodyx.jpg)}
C’est un peu fastidieux parce qu’il faut déclarer toutes les situations. Une feuille de style dynamique pourrait peut-être être une solution plus efficace et plus élégante avec qqchose comme
l
.body#ID_ARTICLE{background-image:url{bg_body#ID_ARTICLE.jpg}
(Pas testé mais l’idée est là)
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrot

Octobre 2017

Merci pour vos réponses.

Je vais essayer la seconde proposition car j’utilise déjà les logos (normal et survol).

Aux nouvelles !
Pierrot
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrot

Octobre 2017

Ca marche !

dans le head des articles :
<style type="text/css">  </style>
et mes images bg_body1.jpg, bg_body2.jpg ...

Bon évidemment, cela reste valable qd on que a 15 articles ...
Mais ca me satisfait amplement ;)

Un big merci aux contributeurs qui m’ont aidé

Si vous souhaitez tester en direct ...
Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Octobre 2017

Plutôt que squelettes/css/img/bg_body#ID_ARTICLE.jpg, il serait préférable d’utiliser #CHEMIN{css/img/bg_body#ID_ARTICLE.jpg}, notamment si un jour le dossier squelettes changeait de nom ou se retrouve sous forme de plugin (sait-on jamais ;))