Le petit outil incontournable...Si vous utilisez Netscape 7 ou Mozilla et que vous vous interesser aux feuilles de style, vous apprécierez sûrement le bookmarklet test styles. Un Bookmarklet, aussi appelé favelet du coté de Redmond, c'est un marque-page contenant du code JavaScript à la place d'une URL. Cliquer dessus déclenche son exécution. Dans le cas de Test styles, un fenêtre est ouverte, et il est possible d'y taper des règles CSS qui seront utilisée pour le site courant tant que la fenêtre n'est pas fermée. L'installation et l'utilisation sont triviales.

Pour installer :

  1. aller sur la page du bookmarket
  2. faire un glisser déplacer du lien Test styles vers la barre des signets personnels. (Juste en dessous de l'endroit ou vous saisissez l'URL pour visiter un site).
  3. Le signet doit apparaitre dans la barre. (nota: il est aussi possible de créer des dossiers de signets en passant par le menu boomarks|Manage Bookmarks).

Pour tester...

  1. se rendre sur le StandBlog (pour les mal-comprennants, le StandBlog, c'est ici même :-)
  2. Cliquer sur votre nouveau Bookmarklet
  3. Une fenêtre s'ouvre (souvent en arrière-plan). La mettre au premier plan.
  4. Toute règle CSS saisie dans la petite fenêtre s'appliquera aux documents servis par le même domaine.
  5. Tapez p, li {color: yellow; border: 1px dotted blue} pour avoir des paragrpahes et des listes en jaune bordé de pointillés bleus
  6. Dessous, ajoutez h3 { color:red;} pour avoir la date en rouge et encore dessous, body {background-color: green;} pour un superbe fond vert...

Avec cela, vous venez de comprendre pourquoi j'évite soigneusement la couleur dans mes feuilles de style :-). (Nota: cette astuce fonctionne sûrement avec Chimera, Galeon, K-Meleon etc. mais je n'ai pas testé)