le MEMO du WEB développeur
••• CSS •••  Liste des Mémos, astuces et bonnes pratiques

Utiliser des constantes dans un fichier CSS

Une façon (je ne mesure pas vraiment sa pertinence ...) de créer des constantes de couleur en css consiste à simuler un CSS avec du php

Création d'un fichier CSS en PHP

Soit le fichier suivant style.php

<?php
   header('Content-type:text/css');
   $macouleur = "red";
   echo "#mondiv { border: 1px solid ". $macouleur ."; }";
   echo ".monspan { border-bottom: 1px solid ". $macouleur ."; }";
?>

Déclaration du fichier CSS généré en PHP dans la balise <head>

<head>
<link rel="stylesheet" href="<?php echo 'style.php'; ?>" type="text/css">
</head>

En attendant mieux ....

Lien sur la génération de CSS en php (en anglais) :

http://oldblog.pixarea.com/index.php/2007/01/07/62-dynamic-css-magic-with-php.

Ce mieux peut être LessPHP dont parle l'article d'Alsacreation daté du 9/11/2011 (apparemment sujet à polémique dans les commentaires par rapport)

http://www.alsacreations.com/article/lire/1307-des-css-dynamiques-grace-a-lessPHP.html

publié le 08/12/2011 par Memo Web
Commenter le Mémo :

Ombrage - propriété box-shadow
Lorsque le margin appliqué à un enfant déplace son parent
Rajouter du texte dans un élement via CSS
Colorer une ligne sur 2 dans un tableau en CSS3
@font-face ou Comment choisir une police non standard
Comment utiliser une police google web font sur son site Internet
Les transitions en CSS3 : rotation d'un élément - rotate()
Centrer une image horizontalement
Effet carnet de notes en CSS 3 - empilement de feuilles
Une bordure en pointillés en CSS3 - Effet couture.
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos