Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CHANGEMENT DU STYLE DE LA PAGE SELON L'HEURE


Information sur la source

Catégorie :Astuces Niveau : Débutant Date de création : 03/06/2004 Vu / téléchargé: 2 546 / 197

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

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

  • <?
  • //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>';
  • }
  • ?>
<?

//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 !   =)
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de deephoat le 03/06/2004 21:56:45

way , il est simpa ton code , tu pourrais l'améliorer encore en mettant par exemple si ta des images , les images qui changent en fonction de l'heure  pour aller avec le reste quoi , sur ce bonne prog !

signaler à un administrateur
Commentaire de trucmachin4096 le 03/06/2004 22:12:00

c 'est faisable mais c'est juste un code simple pour le style de la page. libre à ceux qui veulent de le remodifier  =)

signaler à un administrateur
Commentaire de mymind le 08/06/2004 08:11:41

hello,

ceci n'est-il pas plus simple et facile à la maintenance !!!!

.....
if(($h&gt;=19) && ($h&lt;21)){
?&gt;
&lt;link href="moncss1921.css" rel=stylesheet type="text/css"&gt;
&lt;?
}
ifif(($h&gt;=21) && ($h&lt;24)){{
?&gt;
&lt;link href="moncss2124.css" rel=stylesheet type="text/css"&gt;
&lt;?
}
ETC.....

Mais cela reste qu'un avis

:o))

signaler à un administrateur
Commentaire de trucmachin4096 le 08/06/2004 10:02:19

c'est vrai mais je ne voulais pas m'embeter avec les css  :p

signaler à un administrateur
Commentaire de trucmachin4096 le 08/06/2004 10:03:22

c'est vrai mais je ne voulais pas m'embeter avec les css  :p

signaler à un administrateur
Commentaire de anael sama le 23/07/2004 18:16:07

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

signaler à un administrateur
Commentaire de trucmachin4096 le 24/07/2004 09:27:56

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
@+

signaler à un administrateur
Commentaire de anael sama le 25/07/2004 20:43:23

Merci :p ca va j ai compris ^^ .

Tres bonne continuation  :)

signaler à un administrateur
Commentaire de anael sama le 25/07/2004 20:43:26

Merci :p ca va j ai compris ^^ .

Tres bonne continuation  :)

signaler à un administrateur
Commentaire de Ilsundal le 07/05/2006 15:52:44

vraiment tres pratique si vous gerez un site du genre MMORPG / RPG. Bravo

PS : utilise les fichier css.

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version


HTC Magic

Entre 429€ et 429€


Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.