Colorier les brèves avec des mots-clés

Sur le site que j’administre les brèves servent à afficher un message d’actualité, une seule à la fois (en ce moment c’est la carte de voeux, évidemment). Comme je voulais que cet affichage puisse changer de look, j’ai eu l’idée de coller un mot-clé sur la brève. Et ça marche !

Voici en détail :

Dans le squelette de la page de sommaire j’ai mis une boucle BREVES :

<BOUCLE1(BREVES) {age<15} {0,1}>
    <BOUCLE_couleur(MOTS) {id_breve}>
    <div class="flash-#TITRE">
    </BOUCLE_couleur>
    [(#LOGO_BREVE|right)]
    <div class="flash-titre">#TITRE</div>
    [(#TEXTE)]
    </div>
</BOUCLE1>

Comme on le voit, cette boucle repêche une seule brève, l’affiche 2 semaines et lui donne le style correspondant au nom du mot-clé collé dessus.

Puis dans la feuille de style habillage.css j’ai défini des styles flash-bleu, flash-vert (en attendant rouge, mauve voire zèbre) :

.flash-bleu { margin: 0px 0px 3px 2%;
    float: right;
    width: 30%;
    border-style: solid;
    border-color: rgb(48, 48, 128);
    border-width: 2px ! important;
    background-color: #220066;
    color: white;
    font-family: Garamond,Georgia,Times,serif;
    font-size: 120%;
    padding: 4px;
    }

  .flash-vert { margin: 0px 0px 3px 2%;
    float: right;
    width: 30%;
    border-style: solid;
    border-color: rgb(48, 48, 128);
    border-width: 2px ! important;
    background-color: #C0FFC6;
    color: black;
    font-family: Arial,sans-serif;
    font-size: 120%;
    padding: 4px;
    -moz-border-radius: 10px;
    }

Voila je n’ai plus qu’à créer la brève, lui donner le mot-clé de la couleur désirée (j’ai mis ces mots-clés dans un groupe de mots-clés) et c’est fait.

Robert

PS. L’adresse du site : http://ha32.org

Dernière modification de cette page le 16 décembre 2006

Discussion

Une discussion

  • Un visiteur me demande :

    Pensez vous que votre boucle puisse s’adapter aux rubriques ?

    Ben oui, il suffit que le squelette rubrique.html soit capable de réagir aux mots-clés de couleur (même méthode). Il faut évidemment autoriser les mots-clés sur les rubriques sinon pas question. Ensuite, selon le mot-clé de couleur on peut charger une feuille de style CSS adaptée (le nom de la feuille contenant le mot-clé) et le tour est joué. Pour mes brèves j’ai mis la couleur en arrière-plan et une couleur de contraste pour les caractères . Pour une rubrique on va sans doute garder l’arrière-plan du site mais c’est à voir selon le goût de chacun !

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom