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

updated on 16 December 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 !

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom