Classe CSS de base sur le tag BODY d'une page

Voici quelques ajouts qui ont été ajoutés ce soir, suite aux recommandations d'Alex, notre intégrateur viril. 

Chaque page assigne maintenant automatiquement ces classes CSS au tag BODY :

• page : automatique lorsqu'une page est chargée (parfois on a pas une page, mais un module qui est chargé, comme ici, avec le module Serie.List).
• home : automatique sur la page d'accueil seulement (tel que défini dans la paramètres du site).
• page-123 : page avec son id.
• section-123 :  section avec son id.
• label-123 : categorie avec son id. S'il n'y a pas de catégorie, on obtient label-0, donc on peut donner un style distinct lorsqu'il n'y a pas de catégorie associée à la page.
• custom : on peut aussi assigner une ou des classes supplémentaires, au niveau de chaque page (dans les paramètres avancés). Utile lorsqu'on a un style à répéter sur des pages qui n'ont pas nécéssairement un lien sémantique.
• action-xyz, method-xyz, class-xyz : permet de donner un style pour un module précis.

Si vous allez voir le code source de cette page, sur la balide BODY, vous allez retrouver les classes suivantes : page page-18098 section-14 label-0 action-content-view class-content method-view. Donc le ID de la page est 18098, la section est 14 (Mise à jour), et il n'y a pas de catégorie d'associée. On peut par la suite réutiliser n'importe quelle de ces classes pour appliquer un style différent. Si j'ajoute la définition section-14 h1 {color:green}, alors tous les titres de la section Mise à jour seront verts...

par Eric Paré

22 mars 2012 - 23:04

A été vu 763 fois