Un style par type de contenu !

Cet article a été écrit pour montrer qu'il est possible d'utiliser "une mise en page adaptée" à chaque type de contenu.

Dans ce thême, toutes les pages du type de contenu "billet_sep" sont encadrées de  bordures droites et gauches vertes. Elles se distinguent donc des autres pages qui ne sont pas encadrées.
Ce style est lié à la classe "node-type-billet-sep" présentée ci-dessous :

.node--type-billet-sep{
        border-right: solid thick #23cc00f2;
        border-left: solid thick #23cc00f2;
        padding: 2.2em 1.5em;
        margin: -2em -1em;
        border-radius: 0px 0px 0px 0px;
}

Comme il s'agit d'une classe CSS, nous disposons de nombreuses possibilités de stylisation comme par exemple :

  • le fond de page : couleur et/ou image (background-color ; bakground-image)
  • le style des caractères : fonte, taille, couleur ( font-family; size ; color)
  • ...

De plus cette stylisation de la mise en page ne retire absolument aucune des autres libertés de construction des pages.
Le style de la portion de code affichée ci-dessus montre qu'il est également possible d'utiliser les styles disponibles pour les pages qui n'appartiennent pas à ce type de contenu..

Mots Clé Système