Technologies

Ce billet a été publié à l'origine en anglais sur SansFiltre

Les microformats permettent de structurer des informations de manière simple en (X)(HT)ML.

Cette CSS ^[1] permet de mettre en relief les éléments utilisant des microformats présents dans une page. Voir un exemple.

Critères

• Simplicité: utiliser uniquement une CSS, pas d'image, rien d'autre
• Portabilité
• Ne pas être encombrant mais visible
• La couleur verte rappelle le logo
• Pour les éléments en ligne, un indicateur suffit
• Pour les éléments de type block, il faut un indicateur de début et un indicateur de fin, mais celà ne suffit pas. Il y a donc un encadrement.

Utilisation

Pour installer cette CSS, copiez la dans le dossier ou se trouve votre feuille de style. À la fin de votre feuille de style, ajouter une ligne :

@import "microformats.css";

Camino/FireFox (Mac)

La feuille de style par défaut de Camino est dans

~/Library/Application Support/Camino/chrome/userContent.css

La feuille de style par défaut de FireFox est dans

~/Library/Application Support/Firefox/Profiles/profilename/randomstring.default/chrome/

Et redémarrez Camino/FireFox

Thunderbird

~/Library/Application Support/Thunderbird/Profiles/profilename/randomstring.default/chrome/

Safari

Copier la feuille de style ou vous voulez (Le dossier ~/Library/Safari/ par exemple) Puis sélectionnez la dans la boite de dialogue Préférences... > Avancées > Feuilles de styles > Autre emplacement.... Redémarrer Safari.

Autre

Trouver la CSS pas défaut et ajouter la ligne :

@import "microformats.css";

à la fin du fichier.

Notes:

L'idée originel vient de la fauille de style de DotClear.
Certaines informationt viennent de http://www.hicksdesign.co.uk/journa... trouvées grâce au Microformat wiki