Comprendre les CSS avec Drupal

Soumis par kolossaldrupal le mer, 15/04/2009 - 06:00
Date du document en anglais : 1 Décembre 2008 - 19h28 - http://drupal.org/node/339909

Les feuilles de style CSS est une norme technique pour la présentation des pages web. Quand une page est appelée par un navigateur, un ou plusieurs fichiers CSS fournissent l'information sur la façon d'afficher les données. Les spécificités des CSS ne rentrent pas dans le cadre de ce guide. Pour en avoir un aperçu, reportez-vous à l'article CSS dans Wikipedia.

Un fichier CSS utilisé dans un thème Drupal est semblable à n'importe quel fichier CSS du web.

Cependant, la procédure pour inclure un fichier CSS dans un thème est spécifique à Drupal. Les versions 5 de Drupal (et antérieures) et les versions 6 (et postérieures) procèdent différemment. Reportez-vous aux documentations spécifiques.

Certains modules, inclus de base ou complémentaires, fournissent leurs propres fichiers CSS pour la présentation des contenus qu'ils génèrent. Bien que vous puissiez, théoriquement, modifier directement ces fichiers, il est fortement recommandé que vous surchargiez un fichier CSS par défaut en le copiant dans votre dossier de thèmes (pas en le déplaçant).

Dans certains cas, il se peut que les balises HTML générées par un module ne contiennent pas les sélecteurs dont vous avez besoin pour votre feuille de style.

Par exemple, un module peut n'utiliser qu'une simple balise <h2> pour marquer un titre, alors que vos spécifications stipulent qu'un titre soit balisé par un <h2 class="myClass">. Vous pouvez surcharger l'affichage par défaut d'un module, afin que vos propres sélecteurs soient utilisés dans le balisage HTML.

La surcharge du style d'un module est l'un des principaux sujets abordés dans ce guide. Drupal 6 a énormément simplifié ce processus de « surcharge ». Consultez les documentations propres à chaque version pour plus d'informations.

Il existe un certain nombre d'outils et de techniques qui facilitent grandement le travail avec les CSS dans votre thème. Pour plus d'informations, reportez-vous à Tools, best practices and conventions. (version française ici )