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

Version imprimable

04/10/2006, 14h21
miltonis

Faire passer une variable à un CSS, est-ce possible?
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:

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
04/10/2006, 14h25
kodokan

Salut

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

Exemple :

Code:

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

04/10/2006, 14h37
miltonis

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....
04/10/2006, 14h42
miltonis

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 :( ?
04/10/2006, 14h45
Bisûnûrs

@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 ...
04/10/2006, 14h45
kodokan

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

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:

1 2 <?php header("Content-type: text/css; charset=UTF-8"); ?>
Citation:
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:

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

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

Code:

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

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

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:

<?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...

04/10/2006, 15h55
miltonis

génial!
c'est tout à fait ce que je cherchais!
merci de vos réponses :)
04/10/2006, 16h05
kodokan

pense à mettre :resolu:

bonnes continuations