Couleur d'Objet - SPIP-Contrib

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>

Télécharger

Exemple dans une feuille de style dynamique :
1 - Premièrement déclarer dans la balise head de la page mot :

[<link rel="stylesheet" href="(#CSS{css/couleurs.css})" type="text/css" />]

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>

Télécharger

3 - Troisièmement créer le fichier css/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>

Télécharger

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);]

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.

Vos commentaires

# Le 13 juillet 2016 à 01:18, par Julien En réponse à : Couleur d’Objet

Pourrait-on avoir cet outil dans les documents également ? :)

Répondre à ce message

# Le 17 juin 2016 à 11:09, par mailou En réponse à : Couleur d’Objet

Bonjour,
Je découvre ce plugin, j’ai le dernier SPIP 3.1.1 [22913] j’ai créé un site dont la page est déclarée en en css body background :#ba6e6e ; et comme mon site est une généalogie j’ai donc configuré le plugin pour colorier seulement les articles, j’ai donc colorié les femmes en rose et les hommes en bleu, et bien rien ne se passe.

Est-ce mon background qui empêche quelque chose ?

# ^ Le 17 juin 2016 à 13:56, par chankalan En réponse à : Couleur d’Objet

Bonjour,
le plugin ne suppose pas ce que fera le squelette avec cette couleur : il faut donc utiliser la couleur dans une feuille de style ou bien directement dans le squelette de l’article, avec une classe comme dans les exemples ci-dessus...

Répondre à ce message

# Le 17 mai 2016 à 00:25, par Adam En réponse à : Couleur d’Objet

Bonjour,

Oui la couleur a été bien choisie dans l’espace privé.
version Spip 3.1.1

# ^ Le 17 mai 2016 à 06:01, par chankalan En réponse à : Couleur d’Objet

Je n’ai rien constaté d’anormal de mon côté sur le dernier SPIP 3.1.1...
Est-ce que le problème pourrait être une autre règle CSS ?
Est-ce que le code renvoi bien le code hexadécimal de la couleur ?

Répondre à ce message

# Le 14 mai 2016 à 22:10, par Adam En réponse à : Couleur d’Objet

Bonjour,

Ce plugin est une bonnne alternative plus complète au plugin « couleur rubrique » mais il ne semble pas fonctionner avec spip 3.1.

Testé dans un squelette avec le code donné plus haut.

<BOUCLE_mot(MOTS){id_mot}>

<h1[ style="background:(#COULEUR);"]>

#TITRE

</h1>

</BOUCLE_mot>

# ^ Le 16 mai 2016 à 20:37, par chankalan En réponse à : Couleur d’Objet

Bonjour,
le plugin est normalement fonctionnel avec SPIP 3.1. Avez-vous bien défini la couleur de ce mot dans l’espace d’administration de SPIP ? (-> sur la page du mot en question ?)

Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Nom [Se connecter]
Veuillez laisser ce champ vide :
Courriel (non publié)

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )

Texte de votre message
Prévenez-moi de tous les nouveaux commentaires de cette discussion par email

Ajouter un document

gif, jpg, png

Ça discute par ici

Balises #SWITCH et #CASE

20 mai 2016 – 5

Ce plugin introduit dans SPIP les balises #SWITCH, #CASE et #CASE_DEFAULT qui reproduisent le fonctionnement des switch... case... default... du php et du C. Utilisation Les balises #SWITCH, #CASE et #CASE_DEFAULT permettent de comparer un (...)

Saisies

27 mars 2010 – 481 commentaires

Introduction Créer un formulaire est une tâche toujours un peu répétitive : les champs ont souvent les mêmes propriétés, le même accompagnement (message d’erreur, explication, ...) et la même structure HTML. Ce plugin est un outil pour les développeurs (...)

CookieChoices

26 septembre 2014 – 18

Affiche un avertissement à l’usage des cookies en utilisant le script cookiechoices fourni par google Introduction Par défaut, SPIP est respectueux de la vie privée de ses visiteurs et ne pose pas de cookies de traçages ou publicitaires. Ce (...)

Écrire la documentation d’un plugin SPIP

25 février 2014 – 3

Cet article explique en 4 étapes comment créer les liens de la documentation d’un plugin sur Contrib. Il s’adresse aussi aux administrateurs et administratrices de SPIP-contrib qui auraient des trous de mémoire ;) Prérequis : vous disposez d’un (...)

Slick

17 mai – 11

Intégration à SPIP du carrousel Slick : https://kenwheeler.github.io/slick/ Fonctions de Slick Son utilisation permet d’afficher une liste d’éléments défilants, en l’occurrence ici une série de photographies. Par les configurations proposées, il est (...)

# Le 13 juillet 2016 à 01:18, par Julien En réponse à : Couleur d’Objet

Pourrait-on avoir cet outil dans les documents également ? :)

Répondre à ce message
# Le 17 juin 2016 à 11:09, par mailou En réponse à : Couleur d’Objet

Bonjour,
Je découvre ce plugin, j’ai le dernier SPIP 3.1.1 [22913] j’ai créé un site dont la page est déclarée en en css body background :#ba6e6e ; et comme mon site est une généalogie j’ai donc configuré le plugin pour colorier seulement les articles, j’ai donc colorié les femmes en rose et les hommes en bleu, et bien rien ne se passe.

Est-ce mon background qui empêche quelque chose ?
- # ^ Le 17 juin 2016 à 13:56, par chankalan En réponse à : Couleur d’Objet
  
  Bonjour,
  le plugin ne suppose pas ce que fera le squelette avec cette couleur : il faut donc utiliser la couleur dans une feuille de style ou bien directement dans le squelette de l’article, avec une classe comme dans les exemples ci-dessus...
Répondre à ce message
# Le 17 mai 2016 à 00:25, par Adam En réponse à : Couleur d’Objet

Bonjour,

Oui la couleur a été bien choisie dans l’espace privé.
version Spip 3.1.1
- # ^ Le 17 mai 2016 à 06:01, par chankalan En réponse à : Couleur d’Objet
  
  Je n’ai rien constaté d’anormal de mon côté sur le dernier SPIP 3.1.1...
  Est-ce que le problème pourrait être une autre règle CSS ?
  Est-ce que le code renvoi bien le code hexadécimal de la couleur ?
Répondre à ce message
# Le 14 mai 2016 à 22:10, par Adam En réponse à : Couleur d’Objet

Bonjour,

Ce plugin est une bonnne alternative plus complète au plugin « couleur rubrique » mais il ne semble pas fonctionner avec spip 3.1.

Testé dans un squelette avec le code donné plus haut.

<BOUCLE_mot(MOTS){id_mot}> <h1[ style="background:(#COULEUR);"]> #TITRE </h1> </BOUCLE_mot>
- # ^ Le 16 mai 2016 à 20:37, par chankalan En réponse à : Couleur d’Objet
  
  Bonjour,
  le plugin est normalement fonctionnel avec SPIP 3.1. Avez-vous bien défini la couleur de ce mot dans l’espace d’administration de SPIP ? (-> sur la page du mot en question ?)
Répondre à ce message

SPIP-Contrib

Couleur d’Objet

Utilisation

Usage des filtres de couleurs

Bloquer le changement de couleur

Palette

Rubriques

Derniers commentaires

Compatibilité

Téléchargements

Sur le Web

Vos commentaires

Répondre à cet article

Ça discute par ici

Balises #SWITCH et #CASE

Saisies

CookieChoices

Écrire la documentation d’un plugin SPIP

Slick

Ça spipe par là

SPIP Blog

SPIP - Seenthis

SPIP Forums

SPIP-Zone

SPIP SVN