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 :

Arrondir les bords d'un élément
Centrer une image horizontalement
Width à  100% avec padding : Lorsque l'élément est plus large que prévu
Colorer une ligne sur 2 dans un tableau en CSS3
Générer un fichier CSS en PHP
Comment rajouter un séparateur entre les items d'une liste
Les transitions en CSS3 : rotation d'un élément - rotate()
Un joli titre sans image, tout en CSS
Dessiner un triangle avec CSS3
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