[Web] Changer fond en fonction de l'heure

Fermé
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 - 31 août 2012 à 00:26
JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 - 7 sept. 2012 à 01:43
Bonjour bonjour,

J'aimerai savoir comment faire en sorte que le background d'un site web change en fonction de l'heure ?

Pour replacer les choses dans leur contexte, j'aimerai faire en sorte que le design d'un site web adopte un style plus "calme" la nuit.

Merci par avance =)

A voir également:

2 réponses

Utilisateur anonyme
31 août 2012 à 03:55
Salut,
deux solutions:
-Tester l'heure en php et faire un echo d'un css différent.
-Ou en javascript, a peu près le même principe sauf que tu changes le background dynamiquement.

Bon courage.
0
Entre tes balises <head>


<?php
$h = date('g');

if($h>8||$h<18){
echo'<link rel ="stylesheet" type="text/css" href="css_jour.css" />';
}else{
echo'<link rel ="stylesheet" type="text/css" href="css_nuit.css" />';
}

?>
0
Utilisateur anonyme
31 août 2012 à 10:13
Bonjour

Tu ne verras que le jour, là ...
il faut
if($h>8 && $h<18){
0
Oups oui tient.
0
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 141
31 août 2012 à 17:57
Ok ok et bien je fais ça dès que possible de je vois si ça fonctionne, si jamais j'ai des soucis, je reviens vers vous !

En tout cas merci !
0
ckvtdn Messages postés 756 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 novembre 2020 141
7 sept. 2012 à 00:27
Et donc si je comprend bien, me faut alors deux fichiers CSS qui seront chacun appelés durant leur tranche d'heures respective ?
0
JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 228
Modifié par JooS le 7/09/2012 à 01:43
Si c'est juste l'arriere plan, pas la peine de créer des fichiers, sinon, si c'est presque tout le design qui doit changer, alors, oui !

if(date('g') > 6 AND date('g') < 18) echo '<style>body {background-color:yellow;}</style>'; 
else echo '<style>body {background-color:blue;}</style>';

Quelque chose comme ça, tu mets ça entre les deux balises head !
0