Intégrer des variables dans une feuille de style CSS

Photo : Intégrer des variables dans une feuille de style CSS

Une feuille de style CSS qui s'adapte selon des variables dynamiques en PHP !

1. Appeler la page style.php au lieu de style.css dans toutes vos pages :
<link rel='stylesheet' type='text/css' href='css/style.php' />
2. Faire interpréter le fichier style.php comme du CSS à PHP :
<?php header("Content-type: text/css; charset: UTF-8"); ?>
3. Indiquez les variables de votre choix ! Il vous suffit maintenant simplement de créer des variables et leur affecter des valeurs comme pour un script PHP classique. Les applications possibles de ce script sont nombreuses. Un exemple : changer certaines couleurs selon l'heure de la journée. Ou pour proposer des tailles de caractères alternatives retrouvées via un cookie. Changer de background selon les variables passées en url quand on se trouve dans telle ou telle rubrique, etc ...
Partageur ? C'est votre tour !
Pinterest
Auteur : Simon Tripnaux

Blogueur lifestyle - Content manager & expert SEO. Mon job, rendre visible et lisible vos projets par les mots. Adepte de l'écriture depuis 1978.

Twitter Facebook LinkedIn

Blogueur ? Auteur ? Rejoignez la rédaction !


Et aussi ...

Amours numériques
Les développeurs et intégrateurs sauront enfin comment dire à leur tendre aimée leurs plus belles pensées ! Code is poetry, comme on dis :) Un joli badge tout simple affichant amoureusement You are the CSS to my HTML soit tu es le CSS de mon...

#InDevWeTrust

Devenez développeur Web avec O'clock !
Si vous avez toujours rêvé de toucher votre bille en code, de murmurer à l'oreille des écrans ou de dompter des cascades très stylées, l'école O'clock va sûrement vous plaire ! Parmi les nombreuses formations web qui pullulent désormais sur le marché, celles de développeur web...

Ajoutez votre avis !

3 avis éclairés

OutCast Merci pour cette astuce, c'est exactement ce que je cherchais et bien plus pratique que de faire autant de fichiers de style CSS et des conditions directement dans le template ... là la feuille de style EST le script. C'est génial !

Olier 

Excellente technique qui permet une malléabilité appréciable des feuilles css . Merci :) !

Machine de p 

merci pour le temps que vous passer sur ce blog et les informations que vous faites figurer. En tout cas c'est un blog utile de plus il est facile à consulter. Bonne continuation!

Autres trucs à lire :

– Jouer et s'aimer Les Boîtes de Comm'
– Concept à lunettes Moonstache : regards graphiques !
– Sans bouillir ! Clavier lavable K310
– Le blog Morgane la testeuse par Morgane

NEWSLETTER FOR EVER !

©2006-2024 JeudiPhoto.net le blog lifestyle de Simon Tripnaux Content Manager, créateur du hashtag #JeudiPhoto et soutien de #CotedAzurFrance

ex Consultant SEO à Nice - Cannes - Monaco - Photographe - Responsable Com' #COMTERR Beaulieu-sur-Mer - 06 32 64 61 33