Surligner les colonnes d'un tableau avec tableclothes

Au passage de la souris, les colonnes de ce tableau changent de couleur.
Pour tester, attendez le chargement complet de la page et de tous les fichiers.

a1	b1	c1	d1	e1	f1
a2	b2	c2	d2	e2	f2
a3	b3	c3	d3	e3	f3
a4	b4	c4	d4	e4	f4

Première étape :

Allez sur CSSGLOBE

Cliquez sur Download Tableclothes

Vous venez d'enregistrez un fichier .zip : un ensemble de fichiers compressés.
Pour les décompresser, j'utilise WinRAR - extraire vers

Deuxième étape :

Dans l'administration de votre blog - mes documents - autres fichiers :

• vous créez un répertoire nommé tableclothes
  
• vous y sauvegardez les fichiers :
  
  
  
  • tablecloth.js
    
  • tr_back.gif
    
• vous notez les adresses
  

Troisième étape :

Sur votre PC :

• vous ouvrez le Bloc Notes
  
• vous appelez le fichier tablecloth.css
  
• vous modifiez le chemin de l'image tr_back.gif (vous avez note son adresse à la 2ème étape)
  
• vous enregistrez le fichier sous le même nom
  

Quatrième étape :

Dans votre administration - mes documents - autres fichiers - tableclothes :

• vous enregistrez le fichier tablecloth.css
  
• vous notez son adresse
  

Cinquième étape :

Vous créez votre tableau normalement. Si votre éditeur ne propose pas cette fonction, regardez cet article.

Et vous rajoutez en HTML

<link href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/tableclothes/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/tableclothes/tablecloth.js"></script>

Avec vos propres adresses de fichiers en rouge.