You can edit almost every page by Creating an account. Otherwise, see the FAQ.

Feuilles de style dynamiques en cascade

De EverybodyWiki Bios & Wiki
Aller à :navigation, rechercher


CSS dynamique, ou DCSS, est un terme générique pour un ensemble de technologies utilisées pour créer des feuilles de style dynamiques, en utilisant une combinaison de n'importe quel langage de programmation côté serveur (comme PHP/ASP/Perl/JSP) et des feuilles de style en cascade (CSS). La première idée de DCSS a été proposée en juillet 2002 par Jori Koolstra, un programmeur néerlandais[1].

DCSS permet de travailler avec des variables en CSS et la réécriture dynamique de code source en CSS. De nombreux systèmes de gestion de contenu ont créé des modules supplémentaires, par exemple Drupal[2], pour gérer le DCSS. Sass et Moins peuvent être employés comme langages de feuilles de style dynamiques.

Exemple en PHP[modifier]

Généralement, une page web utilisant les feuilles de style en cascade dynamiques est configurée via trois fichiers. Un premier fichier contenant les variables CSS, un fichier .php qui reprend le contenu CSS et la page web pour laquelle le CSS est requis.

Un fichier .dcss ressemble normalement à ceci :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Exemple DCSS</title>

    <style type="text/css">
      <?php
         /* Inclure la feuille de style */
         require_once("sheet.dcss.php");
      ?>
    </style>

  </head>
  <body>
  </body>
</html>

Ci-après, le fichier .dcss.php inclus. Remarquez qu'un fichier dcss a toujours une extension .php :

<?php
  /* Inclusion du fichier variables */
  require_once("vars.php");

  echo "p";
  echo "{";
  echo "font-family:    \"$FONT_TYPE\";";
  echo "}";
?>

Et le fichier qui contient les variables pour le fichier dcss.php (souvent nommé vars.php) :

<?php
  $FONT_TYPE = "Courier New";
?>

Voir aussi[modifier]

Références[modifier]

  1. Jori Koolstra, « Dynamic CSS » (version du 19 août 2010 sur l'Internet Archive)
  2. ceardach, « Dynamic CSS », Drupal, (consulté le 27 janvier 2011)

Liens externes[modifier]

Erreur Lua dans Module:Catégorisation_badges à la ligne 170 : attempt to index field 'wikibase' (a nil value).Erreur Lua dans Module:Suivi_des_biographies à la ligne 189 : attempt to index field 'wikibase' (a nil value).


Cet Article wiki "Feuilles de style dynamiques en cascade" est issu de Wikipedia. La liste de ses auteurs peut être visible dans ses historiques et/ou la page Edithistory:Feuilles de style dynamiques en cascade.