SPIP-Contrib

SPIP-Contrib

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

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

  • Escal-V3 et Escal-V4

    16 février 2012 – 318 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé. Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes les (...)

  • Planning simple

    9 septembre 2015 – commentaires

    Ce plugin permet de créer et imprimer un emploi du temps de façon simple. Il dispose de deux méthodes, l’une est d’écrire une liste des évènements dans le corps de l’article, l’autre requiert le plugin agenda. Le plugin planning simple permet (...)

  • Réservation d’événements

    16 mars 2015 – 348 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification Facteur (...)

  • Enluminures typographiques V3

    25 juillet 2009 – 201 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)

  • Plugin Zoombox pour Spip

    7 octobre 2011 – 39 commentaires

    Le plugin Zoombox vous permet d’ajout un effet de présentation agréable sur vos images et vos vidéos. Présentation Le plugin Zoombox pour Spip est une adaptation du plugin Jquery créé par un développeur devenu célèbre grâce à ses nombreux tutoriels (...)