SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 128 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Couleur d’Objet > Couleur d’Objet

Couleur d’Objet

18 novembre 2014 – par chankalan – 16 commentaires

8 votes

Le plugin Couleur d’Objet permet d’associer une couleur à n’importe quel objet éditorial de SPIP.

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 :

  1. <BOUCLE_mot(MOTS){id_mot}>
  2. <h1[ style="background:(#COULEUR);"]>
  3. #TITRE
  4. </h1>
  5. </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 :

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

2 - Deuxièmement modifier le squelette de la page mot :

  1.   <div class="cartouche cartouche#ID_MOT">
  2.       <h1 class="#EDIT{titre}">[(#LOGO_MOT|image_reduire)]#TITRE</h1>
  3.   </div>

Télécharger


3 - Troisièmement créer le fichier css/couleurs.css.html contenant :

  1. [(#REM)<style>/*
  2.         ATTENTION: il faut absolument le charset sinon Firefox croit que
  3.         c'est du text/html !
  4.         Cache à régler selon les cas.
  5. */]
  6. #CACHE{3600*100,cache-client}
  7. #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  8.  
  9.  
  10. <BOUCLE_mot(MOTS){tout}>
  11. [.cartouche#ID_MOT h1 { background-color:(#COULEUR); }]
  12. </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 :

  1. [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.

Voir en ligne : https://plugins.spip.net/couleur_objet

Dernière modification de cette page le 1er novembre 2017

Retour en haut de la page

Vos commentaires

  • Le 8 décembre 2017 à 16:08, par Maïeul En réponse à : Couleur d’Objet

    Pourquoi ce plugin est-il rangé dans la catégorie maintenance ?

    Répondre à ce message

  • Le 28 août 2017 à 15:06, par Julien En réponse à : Couleur d’Objet

    Il est impossible de faire ?

    #INFO_COULEUR{rubrique,1}

    • Le 8 décembre 2017 à 16:40, par Maïeul En réponse à : Couleur d’Objet

      #INFO_XXX fonctionne pour les champs sur la table principale de l’objet. Là c’est une table auxilaire. Donc plutôt

      <BOUCLE_couleur_objet(spip_couleur_objet_liens){objet=rubrique}{id_objet=1}>
      #COULEUR_OBJET
      </BOUCLE_couleur_objet>

      Dans la version 0.3.0 j’ai ajouté la possibilité de faire

      #INCLURE{fond=inc-couleur-objet,objet=rubrique,id_objet=1}
    • Le 8 décembre 2017 à 16:44, par Julien En réponse à : Couleur d’Objet

      Super ! Merci pour le suivi :)

    Répondre à ce message

  • 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 ?
  • [Se connecter]

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. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • cibloc : mettre en forme le texte d’articles avec des blocs

    9 juillet – 14 commentaires

    Le plugin CIBLOC permet de mettre en forme le texte d’articles avec des blocs. Il offre des blocs, des colonnes, des icônes et des boutons. Les objectifs de ce plugin Le plugin CIBLOC offre des blocs, des colonnes, des icônes et des boutons : (...)

  • PHANTOM (HTML5UP)

    18 juillet – 12 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Titre de logo v2

    23 mai 2014 – 22 commentaires

    La version 2 du plugin Titre de logo reprend les mêmes fonctions que la v1 mais étend le titre et le descriptif aux logos de tout objet éditorial de SPIP. Vous pouvez toujours vous référer à l’article de la version 1 pour retrouver les fonctions (...)

  • Plugin Figures

    10 octobre 2017 – commentaires

    Modèles d’insertion des documents en HTML5, avec figure et figcaption. Envie d’utiliser HTML5 sur tout votre site, y compris les modèles d’insertion des documents de SPIP ? Aussitôt installé, ce plugin utilise les éléments HTML5 figure et figcaption (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 21 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)