SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 72 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

  • Formulaire de contact avancé

    23 mars 2009 – 1398 commentaires

    Un formulaire de contact configurable, avec de multiples options.

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2416 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 (...)

  • Éditorial (HTML5UP)

    27 novembre 2017 – 67 commentaires

    Squelette SPIP pour intégrer le modèle Editorial de HTML5UP https://html5up.net/editorial Configuration La page de configuration permet quelques réglages. On y défini la couleur principale du site, des informations de contact et le contenu de la (...)

  • Personnalisation graphique du squelette SoyezCréateurs

    19 août 2009 – 98 commentaires

    Il est possible de personnaliser l’affichage du squelette SoyezCréateurs de manière plus ou moins profonde. Changement dans les couleurs via CFG La page de CFG des couleurs de SoyezCreateurs : ecrire/ ?exec=cfg&cfg=soyezcreateurs_couleurs (...)

  • Mentions Légales

    11 juin 2010 – 72 commentaires

    Ce plugin vous propose un ensemble d’éléments pour faciliter la mise en place de Mentions Légales, Conditions d’Utilisation et informations de Copyright dans l’espace public d’un site sous SPIP. Il présente notamment des textes légaux pré-définis, (...)