Changement du style de la page selon l'heure

Soyez le premier à donner votre avis sur cette source.

Vue 4 342 fois - Téléchargée 290 fois

Description

Hé bien c'est un code tout bête qui fait que votre site changera de couleur selon l'heure à laquelle vous surferez dessus.

Il peut être appelé en include tout bêtement.

Pour ce qui est de la police à utiliser, il suffit juste de la spécifier dans une variable. Pour les couleurs selon le moment de la journée, j'ai fai selon mes goûts : si ca vous plais pas, libre à vous de changer ca dans le code (c en hexa).

Source / Exemple :


<?

//police à utiliser ?
$police = "Jester";

//récupération de l'heure
$h = date("H");

//morning
if(($h>=6) && ($h<8)){
echo '<style type="text/css">
<!--
body,td,th {
	font-family: '.$police.';
	font-size: 16pt;
	color: #CC6633;
}
body {
	margin-left: 30px;
	margin-right: 30px;
	background-color: #FFF2F2;
}
a:visited {
	color: #CC6633;
}
a:link {
	color: #CC6633;
}
-->
</style>';
}

//day
if(($h>=8) && ($h<19)){
echo '<style type="text/css">
<!--
body,td,th {
	font-family: '.$police.';
	font-size: 16pt;
	color: #7787c3;
}
body {
	background-color: #eff9fa;
	margin-left: 30px;
	margin-right: 30px;
}
a:visited {
	color: #7787c3;
}
a:link {
	color: #7787c3;
}
-->
</style>';
}

//evening
if(($h>=19) && ($h<21)){
echo '<style type="text/css">
<!--
body {
	margin-left: 30px;
	margin-right: 30px;
	background-color: #FFCC99;
}
body,td,th {
	color: #CC3300;
	font-family: '.$police.';
	font-size: 16pt;
}
a:visited {
	color: #cc3300;
}
a:link {
	color: #cc3300;
}
-->
</style>';
}

//night
if((($h>=0) and ($h<6)) or (($h>=21) and ($h<24))){
echo '<style type="text/css">
<!--
body,td,th {
	color: #FFFF99;
	font-family: '.$police.';
	font-size: 16pt;
}
body {
	background-color: #000066;
	margin-left: 30px;
	margin-right: 30px;
}
a:visited {
	color: #ffff99;
}
a:link {
	color: #ffff99;
}
-->
</style>';
}

?>

Conclusion :


Bug ? Pas Bug ? Contenet ? PAs content ? EXPRIMEZ VOUS ! =)

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Ilsundal
Messages postés
80
Date d'inscription
lundi 23 décembre 2002
Statut
Membre
Dernière intervention
1 mars 2011
-
vraiment tres pratique si vous gerez un site du genre MMORPG / RPG. Bravo

PS : utilise les fichier css.
anael sama
Messages postés
3
Date d'inscription
vendredi 23 juillet 2004
Statut
Membre
Dernière intervention
25 juillet 2004
-
Merci :p ca va j ai compris ^^ .

Tres bonne continuation :)
anael sama
Messages postés
3
Date d'inscription
vendredi 23 juillet 2004
Statut
Membre
Dernière intervention
25 juillet 2004
-
Merci :p ca va j ai compris ^^ .

Tres bonne continuation :)
trucmachin4096
Messages postés
6
Date d'inscription
dimanche 22 février 2004
Statut
Membre
Dernière intervention
24 juillet 2004
-
bin pr les images, c simple si tu utilise une variable pr appeller tes images, comme un nom de dossier hé bin fait en sorte ke cette variable soit modofiée selon l'heure et comme ca qd tu appelle tes images, utilise les variables dans le chemin de fichier.

comme ca à l'heure 1 tu aura l'image 1 à l'heure 2 l'image 2 et ainsi de suite... j'espère ke g pu t'aider avec mon explication en francais peu compréhenssible
@+
anael sama
Messages postés
3
Date d'inscription
vendredi 23 juillet 2004
Statut
Membre
Dernière intervention
25 juillet 2004
-
Bonjour !! j'ai trouvé excellent ton code :) !! je suis nul a ca et j ai reussi du premier coup !
Au premier commentaire , deephoat a enoncé qu on pouvait meme changer les images en fonction de l heure tu pourrai m aider en me conseillant un code :s
Merci d avance

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (trucmachin4096)