Utilisation
Une fois activé comme les autres plugins, la page de configuration propose de choisir sur quel objet vous désirez activer le choix de couleur.
Lorsque ce choix est fait, la page d’un objet sélectionné offre un formulaire pour choisir une couleur (un code hexadécimal) ou la supprimer.
La valeur enregistrée peut être utilisée ensuite dans les squelettes ou une feuille de style dynamique avec la balise #COULEUR au sein d’une boucle.
Exemple dans un squelettes :
<BOUCLE_mot(MOTS){id_mot}>
<h1[ style="background:(#COULEUR);"]>
#TITRE
</h1>
</BOUCLE_mot>
Exemple dans une feuille de style dynamique :
1 - Premièrement déclarer dans la balise head de la page mot :
<link rel="stylesheet" href="/spip.php?page=couleurs" type="text/css" media="screen, projection" />
2 - Deuxièmement modifier le squelette de la page mot :
<div class="cartouche cartouche#ID_MOT">
<h1 class="#EDIT{titre}">[(#LOGO_MOT|image_reduire)]#TITRE</h1>
</div>
3 - Troisièmement créer le fichier squelettes/couleurs.css.html contenant :
[(#REM)<style>/*
ATTENTION: il faut absolument le charset sinon Firefox croit que
c'est du text/html !
Cache à régler selon les cas.
*/]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
<BOUCLE_mot(MOTS){tout}>
[.cartouche#ID_MOT h1 { background-color:(#COULEUR); }]
</BOUCLE_mot>
Usage des filtres de couleurs
Il est possible d’utiliser des filtres de couleurs sur la balise #COULEUR, mais il faut bien replacer le ’#’ pour retrouver le code hexadécimal correspondant :
[color:#(#COULEUR|couleur_extreme|couleur_inverser);]
Autres paramètres
Depuis la version 0.4.0 et conjointement avec l’installation du plugin Déclarer le parent, on peut écrire :
-
#COULEUR{parent}
pour prendre la couleur du parent de l’objet -
#COULEUR{parent,recursif}
pour prendre la couleur du parent de l’objet, mais récursivement (on remonte les parents juqu’à trouver une couleur)
Ce qui permet par exemple de définir une couleur à un secteur entier, et de l’utiliser dans tous les contenus enfants.
Le fonctionnement a été testé avec les objets éditoriaux standards de SPIP, mais ne fonctionne pas encore dans toutes les situations, notamment avec les évènements.
Nb : le nom des paramètres n’importe pas, il faut juste qu’ils soient présents (#COULEUR{oui,oui}
fonctionne aussi par exemple)
Bloquer le changement de couleur
La page de configuration permet de bloquer le choix de couleur pour ne plus les modifier. Il faudra revenir sur la page de configuration pour autoriser à nouveau le changement de couleur.
Palette
Si vous utilisez un navigateur récent il vous proposera automatiquement de définir vos couleurs sur une palette chromatique. Si ce n’est pas le cas, vous pourriez installer le plugin « Palette » pour obtenir un résultat similaire.
Discussions par date d’activité
3 discussions
Bonjour,
J’ai bien noté la fonctionnalité
#COULEUR{parent,recursif}
qui renvoie directement la couleur selon la hiérarchie.Questions :
#PARENT_COULEUR{parent,recursif}
?Merci
Répondre à ce message
Bonjour,
Est-ce normal que lorsque l’on crée des répétitions pour un événement, les événements « enfants » n’héritent pas de la couleur de l’événement « parent » ?
Bonjour,
le mécanisme de hiérarchie des événements n’est pas équivalent à celui des articles/rubriques.
Par contre ça doit être possible d’arriver à le faire avec des boucles evenements, sachant que id_evenement_source (https://zone.spip.net/trac/spip-zone/browser/spip-zone/_plugins_/agenda/trunk/base/agenda_evenements.php#L99) contient l’ID de l’événement d’origine... qui contient la couleur...
Merci, c’est ce que je viens voir, je récupère, la couleur de l’événement source.
Je reformule un peu plus clairement :
Merci, c’est ce que je viens de voir dans la base.
Dans mon cas utilisation avec FullCalendar :
color,#INCLUREfond=inc-couleur-objet,objet=evenement,id_objet=#ID_EVENEMENT,
remplacé
color,#INCLUREfond=inc-couleur-objet,objet=evenement,id_objet=#ID_EVENEMENT_SOURCE,
Répondre à ce message
Je n’arrive pas du tout à faire fonctionner la méthode avec css dynamique.
Avec la méthode « manuelle » le critère parent,recursif ne fonctionne pas chez moi pour des évènements dépendant d’un article avec
[<div class="date evenement#ID_EVENEMENT" [ style="background:(#COULEUR{parent,recursif})"]
Et puis mes squelettes inclus n’arrivent pas toujours à récupérer l’info des couleurs.
Dans un squelette evenement.html j’ai
#INCLURE{fond=inclure/resume/evenement,id_evenement}
et j’ai la couleur directe qui va bien où je veux (mais pas la récursive de l’article)Le même inclure
#INCLURE{fond=inclure/resume/evenement,id_evenement}
dans un inclure/agenda-liste.htmlne reprend pas de couleur du tout.
Je suis larguée.
Je viens de relire cet article et donc ce n’est pas possible avec les événements.
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |