Faire passer une variable à un CSS, est-ce possible?

**miltonis** · 04/10/2006, 14h21

Bonjour,

L'intitulé n'étant peut-etre pas asssez clair, je recommence en détail.
Un site traite de plusieurs thèmes et possède donc plusieurs couleurs (un code couleur par univers, il y en a 7). J'aimerais que ces couleurs soient définies dans le css selon l'univers dans lequel on se trouve.
Pour cela je pense au PHP mais ne voit pas comment faire pour passer la condition :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
SI univers01 
 ALORS couleur #000000
SINON SI univers02
 ALORS couleur #FFFFFF
etc.

bref, est-ce que ça existe les conditions en faisant passer des variables pour les CSS?
Merci de votre aide

**kodokan** · 04/10/2006, 14h25

Salut

Tu n'est pas dans le bon forum ici , va plutot voir dans le forum php

**Bisûnûrs** · 04/10/2006, 14h36

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<?
if(tacondition){
   $color = "#f00";
}
else{
   $color = "#00f";
}
?>
<div style="background:<?=$color?>">bla</div>

**miltonis** · 04/10/2006, 14h37

PHP je connais je te remercie kodokan, le problème est du coté CSS.
Est-ce que je peux établir des conditions dans une feuille de style? et comment récupérer la variable qui vient de la page html dans une CSS?

Si je poste sur le forum PHP, ils vont me renvoyer ici. tiens ça me rapelle quelque chose....

**miltonis** · 04/10/2006, 14h42

Salut Jos,
merci de ta réponse, j'y ai pensé mais je ne peux pas utiliser la variable (ou son équivalent) dans le fichier css....
je voudrais en fait, respecter les normes w3c, qui excluent (à court terme) les attributs "style". je sais, c'est chiant.
peut-ettre que je demande l'impossible

?

**Bisûnûrs** · 04/10/2006, 14h45

@miltonis : Heu, intégrer du PHP à une feuille de styles c'est impossible il me semble. ^^
Déjà que Dreamweaver met une erreur sur le code que je t'ai fourni ...

**kodokan** · 04/10/2006, 14h45

Ben là je mis connais pas trop mais si tu enregistre ta page en tant que "mapage.css.php" et que tu rajoute des conditions dedans ... Ensuite tu peux faire un include dans le head.Pour récupérer tes variables dans ton css tu fais tes requetes avant le include .

Encore une fois je ne suis pas sur, il faudrai que tu teste

**blueice** · 04/10/2006, 14h56

Oui tu peux très bien mettre mettre du PHP dans une CSS à condition de mettre l'extension .php à la place de .css, mais aussi de déclarer le document :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<?php header("Content-type: text/css; charset=UTF-8"); ?>

Tout comme HTML, un fichier CSS peut-être rendu dynamique, et voir son contenu totalement intégré à un possible back-office : l'administrateur du site n'a donc plus à fignoler avec un éditeur de texte pour modifier une couleur.

Pour convertir un fichier CSS en PHP, il suffit de passer son extension en .php (de style.css à style.php, par exemple), et de mettre en toute première ligne l'entête HTTP suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php header("Content-type: text/css"); ?>

Le modèle de page HTML appellera ensuite directement le fichier via une balise link:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" media="screen" href="style.php">

Le contenu de style.php peut dès lors être parfaitement dynamique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
header("Content-type: text/css");
require_once("options.php");
?>
body {
background: <?=$cssBodyBackground ?>;
color: <?=$cssBodyColor?>;
}
h1, h2, h3, h4 {
color: <?=$cssHColor?>;
}
blockquote {
color: <?=$cssBlockquoteColor ?>;
}

Attention cependant : le fichier CSS devra être généré à chaque chargement de page, et non "caché" en mémoire comme tout fichier statique. Une CSS dynamique doit donc répondre à un besoin précis.

Une solution serait, alors, d'ajouter un entête au fichier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php header("HTTP/1.0 304 Not Modified"); ?>

Le code 304 permet d'indiquer au navigateur que la page n'a pas été modifiée depuis le dernier chargement, et qu'il peut donc utiliser la version stockée dans son cache...