[CSS][PHP] passer les variables

Version imprimable

10/04/2006, 22h36
sanosuke85

[CSS][PHP] passer les variables

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:

<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:

$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 ;)
10/04/2006, 22h45
Maxoo

Re: [CSS][PHP] passer les variables

j'ai pas bien compris ce que tu voulais.

et ca je l'ai encore moins compris.

Citation:

Envoyé par sanosuke85

Le soucis : ben le code css est libre d'accès...
11/04/2006, 08h51
sanosuke85
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:

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:

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:

1 2 3 $fonctionrand = rand(1,5); echo "<body class='body" . $fonctionrand . "'>";
Voilà ^^ j'espère que c'est une peu plus compréhensible...
11/04/2006, 10h05
10-nice

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.
11/04/2006, 10h24
sanosuke85

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.
11/04/2006, 10h34
franculo_caoulene

Et pourquoi définir ce style dynamique dans la feuille de style et pas directement dans la page.
11/04/2006, 10h36
10-nice

Citation:

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.

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

Code:

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:

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 ;)

11/04/2006, 11h29
sanosuke85

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 :D :ave:

Je vous tiens au courant ! En tout cas merci à tous pour votre aide déjà ;)
11/04/2006, 12h28
Maxoo

Citation:

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 !!!

Citation:

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. ;) ;)
29/01/2007, 20h36
damjal

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 ?

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:

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:

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

pour la balise <link>

et
Code:

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