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 :

Faire appel à un fichier CSS à l'intérieur d'un autre fichier CSS
Une image de background aléatoire
Dessiner un cercle sans image grâce à CSS 3
Rajouter du texte dans un élement via CSS
Comment rajouter un séparateur entre les items d'une liste
Comment utiliser une police google web font sur son site Internet
Width à  100% avec padding : Lorsque l'élément est plus large que prévu
Ombrage - propriété box-shadow
Les transitions en CSS3 : rotation d'un élément - rotate()
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