Styles standards du core Drupal

Traduction de la page http://drupal.org/node/388372
publiée / actualisée le 29 Janvier 2011 sur drupal.org   incomplet


Pour les éléments standards d'une page, le core de Drupal utilise une approche modulaire des classes CSS . Un certain nombre de classes sont utilisées dans un site Drupal. La liste qui suit se veut un rappel sur ces classes, ce qu'elles font et où on les trouve.

Vous trouverez une liste complète des classes de Drupal 6 dans le starter kit ZEN, elle devrait être fusionnée à cette page.

Notez que les thèmes que vous installez sur votre site peuvent modifier ces classes ou en ajouter d'autres.

Éléments de page

.menu
Tous les menus sont de cette classe, comme le menu de navigation
.block
Tous les blocs. Reportez-vous à http://drupal.org/node/104319 pour d'autres infos sur la stylisation des blocs.
.links
Liste de liens, y compris les liens primaires et secondaires dans le head de la page, et aussi les liens de nodes et de la taxonomie (voir ci-dessous)

Éléments de Nodes

.node
un <div> qui encadre tout node, y compris son titre.
.node-title
Le titre du node.
.content
Le corps du node. Cela comprend aussi les ajouts faits par d'autres modules, tels que les fichiers uploadés ou les champs CCK.
.links
S'applique à n'importe que <UL> qui est une liste de liens, y compris les liens primaires et secondaires dans le head de la page, et aussi les liens de nodes et de la taxonomie (voir ci-dessous). Les liens vers les nodes ont la classe .links dans le DIV qui les contiennent.
.terms
Les termes de la Taxonomy, qui sont également balisés avec .links et .inline.
.inline
Une classe-système pour styliser les items UL sur une ligne horizontale.
.feed-icon
L'icône RSS, habituellement situé en pied d'une page de contenu.

Commentaires

Poster un nouveau commentaire

Le contenu de ce champ sera maintenu privé et ne sera pas affiché publiquement.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <css>, <php>, <html>, <ccss>, <ccss>, <drupal5>, <drupal6>, <html>, <javascript>, <php>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • You may use [view:viewname] tags to display listings of nodes.

Plus d'informations sur les options de formatage

CAPTCHA
Cette question permet d'éviter le spam :
1 + 1 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.