SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Tutoriels pour squelettes > Archives Tutoriaux squelettes > Couleurs alternatives sur les lignes d’un tableau

Couleurs alternatives sur les lignes d’un tableau

7 juin 2005 – par DoriaN

0 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Il est souvent plus facile de lire les lignes d’un tableau si celles-ci sont alternativement pourvues de couleurs de fond différentes. Voyons comment le faire simplement.

Voici une petite astuce qui permet d’obtenir alternativement une couleur par ligne dans une boucle SPIP.

Pour plus de facilité nous allons réutiliser les styles définis dans spip_style.css à savoir :

table.spip tr.row_odd {
        background-color: #C0C0C0;
}

table.spip tr.row_even {
        background-color: #F0F0F0;
}

assurant ainsi l’uniformité de nos tableaux sur le site.

Prenons comme exemple un tableau contenant les documents joints à un article.

Explications :

-  Les balises <table> sont à l’extérieur de la boucle pour permettre l’alignement des colonnes.
-  Et le style est appliqué sur la balise <tr>

Pour appliquer le bon style on utilise un filtre sur #COMPTEUR_BOUCLE
qui retourne la valeur even si le total est pair et odd si le total est impair.

Ce filtre tout simple, à placer dans votre fichier mes_fonctions.php3 est le suivant :

function paire($texte) {
if($texte%2==0) $texte="even "; else $texte="odd";
return $texte;
}

P.-S.

Il existe maintenant un filtre alterner plus évolué dans la version de devellopement de spip, il sera donc présent dans la version 1.8.2.

Dernière modification de cette page le 23 septembre 2007

Retour en haut de la page

Répondre à cet article

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 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

  • PHANTOM (HTML5UP)

    18 juillet – 28 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 (...)

  • Newsletters

    16 janvier 2013 – 479 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • Formulaire de contact avancé

    23 mars 2009 – 1408 commentaires

    Un formulaire de contact configurable, avec de multiples options.

  • Fulltext

    14 mars 2009 – 218 commentaires

    Ce plugin permet d’une part d’exploiter le mode de recherche FULLTEXT de MySQL et d’améliorer ainsi énormément les recherches par rapport au fonctionnement natif de SPIP, et d’autre part d’indexer le contenu de certains (...)

  • Simple Calendrier v2

    25 février 2016 – 26 commentaires

    Il s’agit de la version pour SPIP 3 du plugin Simple Calendrier. Le plugin « simple calendrier » permet de gérer des évènements en ajoutant un nouvel objet éditorial dans l’administration de votre site SPIP. Il peut constituer une alternative au plugin (...)