SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 287 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

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

  • Agenda 2.0

    3 novembre 2008 – 1069 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • Indexer : Installation et Configuration

    6 octobre 2014 – 39 commentaires

    Introduction Pour comprendre l’intérêt du plugin, nous invitons à lire l’article suivant Indexer : Introduction. Le fonctionnement de la boucle SPHINX est expliqué dans cet article : Indexer : La boucle SPHINX. La suite de l’article aborde (...)

  • GIS 4

    11 août 2012 – 1313 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2058 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Indexer : La boucle SPHINX

    29 juin 2015 – 15 commentaires

    Avant de commencer Pour comprendre l’intérêt du plugin, nous invitions à lire l’article suivant Indexer : Introduction. La configuration et l’installation du plugin sont expliquées dans l’article suivant : Indexer : Installation et Configuration (...)