Background différent selon valeur
Absot
Messages postés
819
Statut
Membre
-
JeanneD4RK Messages postés 33 Statut Membre -
JeanneD4RK Messages postés 33 Statut Membre -
Bonjour, je souhaiterais que mon background en CSS (une image) soit différent suivant une valeur que je reçois en php mais je ne sais pas trop comment faire.
J'ai pensé à charger un fichier CSS différent selon la valeur que je récupère ou directement insérer le CSS avec le background dans mon fichier HTML mais ca ne fonctionne pas.
Avez-vous une idée svp?
J'ai pensé à charger un fichier CSS différent selon la valeur que je récupère ou directement insérer le CSS avec le background dans mon fichier HTML mais ca ne fonctionne pas.
Avez-vous une idée svp?
A voir également:
- Background différent selon valeur
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Nb.si.ens différent de ✓ - Forum Excel
- Excel couleur cellule selon valeur - Guide
- Valeur relative et absolue ✓ - Forum Webmastering
- Différent de 0 excel - Forum Excel
1 réponse
Bonsoir,
Tu aurais pu commencer par donner ton code, histoire de partir de quelque chose.
Comme je ne connais pas ton code source, je vais imaginer que tu reçois une variable de type GET en php :
URL de la page d'exemple : www.monsite.fr/page.php?var=1
Et tu complètes ton fichier .css avec les noms que tu aura donné à tes variables, ex:
Voilà, je n'ai pas testé mais ça devrait fonctionner.
Tu aurais pu commencer par donner ton code, histoire de partir de quelque chose.
Comme je ne connais pas ton code source, je vais imaginer que tu reçois une variable de type GET en php :
URL de la page d'exemple : www.monsite.fr/page.php?var=1
<?php
if($_GET['var']==1)
{
$nom_id_css = "fond1";
}
elseif($_GET['var']==2)
{
$nom_id_css = "fond2";
}
// tu rajoutes autant de conditions que tu le souhaites
?>
<div id="<?php echo $nom_id_css ?>">
<!-- ton div avec ton background -->
</div>
Et tu complètes ton fichier .css avec les noms que tu aura donné à tes variables, ex:
#fond1 {background:url(image.jpg)}
#fond2 {background:url(image2.jpg)}
Voilà, je n'ai pas testé mais ça devrait fonctionner.
<body class=""> ...