Suite de l'article « Plusieurs codes html ».
Bien que le code html libre soit global, c'est à dire qu'il n'est pas actuellement possible d'en saisir un différent pour chaque habillage, on peut tout à fait découper notre code html libre, de façon à le différencier en fonction des habillages.
Il suffit de créer des blocs de code html libre (un bloc par feuille de styles) et d'attribuer à ces blocs un identifiant ou une classe.
Imaginons trois habillages, donc trois "code html libre" et trois feuilles de styles css.
Dans le code html libre :
<div id="freecode1">Code html libre habillage 1</div>
<div id="freecode2">Code html libre habillage 2</div>
<div id="freecode3">Code html libre habillage 3</div>
Dans chaque feuille de styles css, il suffit d'empêcher l'affichage (display:none) des codes html des autres habillages et éventuellement de définir les propriétés du code html libre de la feuille en cours (dans l'exemple, on met un fond noir pour le bloc utilisé dans l'habillage) :
Feuille de l'habillage 1 :
#freecode1 { background-color:#000; }
#freecode2 { display:none; }
#freecode3 { display:none; }
Feuille de l'habillage 2 :
#freecode1 { display:none; }
#freecode2 { background-color:#000; }
#freecode3 { display:none; }
Feuille de l'habillage 3 :
#freecode1 { display:none; }
#freecode2 { display:none; }
#freecode3 { background-color:#000; }