[CSS][PHP] passer les variables

**sanosuke85** · 10/04/2006, 22h36

Bonjour à tous,

Voilà je me suis rendu compte d'un petit soucis pour donner une variable dans le css.

Pour le moment je n'ai trouvé que deux solutions :

1- au lieu d'un fichier .css appelé avec

Code :

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

<link title="test" type="text/css" rel="stylesheet" href="style.css">

je fais une include(fichier.php) qui contient tout mon css. Le soucis : ben le code css est libre d'accès...

2- Je fais une fonction random (aléatoire) sur le choix du fond d'écran de mon site.

Code :

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

$fond = rand(1,3);

Ensuite dans mon css j'ai un body fond1{} et un body fond2{} qui auront un background différent... je trouve le traitement un peu lourd... Donc ma question :

Peut-on faire passer une variable dans la feuille de style appelée dans mon choix 1 ? Car pour le moment je vois vraiment pas comment...

Merci d'avance

**Maxoo** · 10/04/2006, 22h45

j'ai pas bien compris ce que tu voulais.

et ca je l'ai encore moins compris.

Envoyé par sanosuke85

Le soucis : ben le code css est libre d'accès...

**sanosuke85** · 11/04/2006, 08h51

D'accord je vais essayer d'être un peu plus clair pardon

(ps : salut maxoo merci de ta première réponse c'est pas la première fois que tu viens m'aider ^^ sympa de ta part

)

Donc :

Lorsque l'on fait l'insertion d'une feuille de style dans mon exemple 2 la feuille de style n'est pas accessible dans le code source de la page html (j'avais oublié de précier que je parlais du code source pardon). Alors que si je définis tout mon css dans un fichier inséré avec include() il sera accessible dans le code source.

Mais.... Si je fais donc mon css dans une feuille de style de l'exemple 2 je n'arrive pas à lui passer des variables.

Dans mon exemple en gros je veux définir une image de fond aléatoire. J'ai donc une fonction php qui me permet de sortir un chiffre au hasard. Imaginons que j'ai cinq fonds d'écrans différents. Au lieu de définir une classe pour chaque fond d'écran :

Code :

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

1
2
3
4
5
6
7
8
9
10
body1
{
background-image:url("fond1.jpg");
}
 
body2
{
background-image:url("fond2.jpg");
}
......

Je souhaiterais plutôt avoir :

Code :

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

1
2
3
4
body
{
background-image:url("fond" . $fonctionrand . ".jpg");
}

La fonction $fonctionrand serait bien sur faite avant l'insertion de la feuille de style... Cependant dans un fichier .css je n'arrive pas à insérer du php pour le moment... Donc je suis obligé de définir 5 classes de body et de faire appel dans mon html à un body par la fonction :

Code :

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

1
2
3
 
$fonctionrand = rand(1,5);
echo "<body class='body" . $fonctionrand . "'>";

Voilà ^^ j'espère que c'est une peu plus compréhensible...

**10-nice** · 11/04/2006, 10h05

pkoi ne pas passer directement par la fonction random javascript ?

Ce serait indépendant du css, il te suffit juste de mettre un pti code en fin de page pour changer le background aletoirement.

**sanosuke85** · 11/04/2006, 10h24

Merci pour ta réponse

Euh.. Hum ... Au risque de parraître pénible ^^ Je préfère ne pas insérer de javascript pour le moment

Par contre : ton code est-il compatible avec les différents navigateur? Car mon site a pour but cela... Et j'ai l'impression que le javascript pose soucis parfois... Ce n'est qu'hypothèse je n'ai pas encore approfondi la question.

**franculo_caoulene** · 11/04/2006, 10h34

Et pourquoi définir ce style dynamique dans la feuille de style et pas directement dans la page.

**10-nice** · 11/04/2006, 10h36

Envoyé par franculo_caoulene

Et pourquoi définir ce style dynamique dans la feuille de style et pas directement dans la page.

+1 quitte à utiliser du php autant le mettre directement dans la page plutot que dans le css.

**Nesmontou** · 11/04/2006, 10h53

Salut, sinon, tu peux définir ta feuille de style au format php. Ca donne
index.php

Code :

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

1
2
3
4
5
6
7
8
<html>
<head>
    <link rel="stylesheet" type="text/css" href="./style.php" />
</head>
<body>
    texte
</body>
</html>

style.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body {
    background-color:
    <?php
    $r = rand(0, 2);
    $couleur = '#f00';
    switch($r) {
        case 0:
            $couleur = '#f00';
            break;
        case 1:
            $couleur = '#0f0';
            break;
        case 2:
            $couleur = '#00f';
            break;
    }
    echo $couleur;
    ?>
    ;
}

A toi de voir

**sanosuke85** · 11/04/2006, 11h29

Pour définir le style dans la page php directement :

Je suis en train de bosser sur le css et comme on me le conseille je tente de séparer tout le style de la page du contenu html... Donc tout style doit être dans mon fichier style.css

Pour Nesmontou :

je ne savais pas qu'on pouvait appeler un fichier .php grâce au link... Je vais tester ça -> si ça marche ben tu as résolu mon soucis et je t'en remercie grandement

Je vous tiens au courant ! En tout cas merci à tous pour votre aide déjà

**Maxoo** · 11/04/2006, 12h28

Envoyé par sanosuke85

Je suis en train de bosser sur le css et comme on me le conseille je tente de séparer tout le style de la page du contenu html

et c'est tout à ton honneur !!!

Envoyé par sanosuke85

je ne savais pas qu'on pouvait appeler un fichier .php grâce au link... Je vais tester ça

hmm interessant, je ne savais pas non plus ...

sanosuke85 quand tu auras trouvé un truc qui marche bien tu pourrais poster ta solution qu'on voit à quoi ca ressemble ?? merci bien, et tu sais ca fait plaisir d'aider les autres quand ca nous apporte aussi d'autres connaissances ... nous ne sommes pas des vieux sages qui ont accès à la connaissance ultime. on apprend en partageant.

**damjal** · 29/01/2007, 20h36

Salut, en effet c'est bien intéressant et ça résous également mon problème : appeler une feuille de style en css !

Mais je me demande pourquoi ce n'est pas prévu dans une feuille de style de pouvoir appeler une image avec le chemin absolu : /img/maphoto.jpeg ???
(où le / représente la racine du site)

ou alors cela est-il possible ?

**jojosbiz** · 01/02/2007, 09h58

Salut, pour que ton script php soit interprété par le navigateur comme du css, tu peux aussi ajouter ça en début de fichier:

Code :

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

header("Content-type: text/css");

Je me sers de ça pour faire varier des couleurs suivant des infos prises dans une base de données, ça marche très bien.

Ca donne quelque chose comme:

Code :

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

<link rel="stylesheet" type="text/css" href="style.php?var=<?php echo $var; ?>" />

pour la balise <link>

et

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date du passÃ©
header("Content-type: text/css");
 
//-- traitements avec appel à Mysql etc ...
?>
 
//-- Ici le code CSS, par exemple
#Titre     {color: #000000;font-size: 16px;font-weight: bold;font-family: <?php echo $defaultPolice; ?>;}
//--- etc ...

[CSS][PHP] passer les variables

CSS

Discussions similaires

Partager

Partager