Une feuille de style n’est pas, à prioris, dynamique et son contenu est donc condanné à rester le même quoiqu’il arrive. Voici une astuce pour rendre dynamique vos feuilles de styles.


Vous avez complètement réalisé votre site en CSS et vous en êtes fier et vous avez bien raison.

Et maintenant, vous avez une envie soudaine : que le fond de votre page change de couleur en fonction de l’heure. Blanc dans la journée, et gris le soir (une idée comme une autre, mais c’est toujours mieux qu’un fond vert fluo. Quoique…)

Alors comment faire puisque la feuille de style ne peu être modifiée dynamiquement ?

La solution

La solution, valide W3C, consiste, pour commencer, à renommer votre feuille de style CSS en .php (page_style.php par exemple au lieu de page_style.css), puis de placer en entête de cette page la ligne suivante :


Après quoi, vous appelez votre feuille de style normalement depuis votre page :

Votre feuille de style peut donc contenir du php et être complètement dynamique :



8 && $t < 20) // entre 8h00 du matin et 20h00
$maCouleur = "#FFFFFF";
else // sinon, c'est la nuit
$maCouleur = "#AAAAAA";

?>
body
background:;

Evidement, la feuille de style est recalculée à chaque chargement de la page, ce qui va entraîner une charge serveur. Il faut donc en tenir compte et ne pas abuser de ce système.