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 :

Aligner verticalement du texte avec une image
Comment utiliser une police google web font sur son site Internet
Dessiner un triangle avec CSS3
Rajouter du texte dans un élement via CSS
@font-face ou Comment choisir une police non standard
Comment rajouter un séparateur entre les items d'une liste
Width à  100% avec padding : Lorsque l'élément est plus large que prévu
Foncer une image au passage de la souris
Ombrage - propriété box-shadow
Effet carnet de notes en CSS 3 - empilement de feuilles
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