Trucs et astuces: Katgal.com

Ishizaki · Trucs et astuces: Katgal.com

Ou comment se mettre en adéquation avec le moment de la journée.

Sur ce blog, l'auteur a mis en place un javascript permettant de changer l'aspect du site tout au long de la journée. Simple, mais il fallait y penser.
De plus, le javascript à réaliser est extrêmement simple. Il suffit de faire appel, selon l'heure de la journée, à une feuille de style différente.

Terriblement efficace, en tout cas, j'adore.

Le code Jscript:

Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
 datetoday = new Date();
 timenow=datetoday.getTime();
 datetoday.setTime(timenow);
 thehour = datetoday.getHours();

 if (thehour > 20)
  display = "tree_twilight.css";
   else if (thehour > 17)
  display = "tree_sunset.css";
 else if (thehour > 14)
  display = "tree_afternoon.css";
 else if (thehour > 11)
  display = "tree_noon.css";
 else if (thehour > 7)
  display = "tree_morning.css";
 else if (thehour > 4)
  display = "tree_sunrise.css";
 else if (thehour > 1)
  display = "tree_twilight.css";
 else
  display = "tree_sunset.css";

 var css = '<';  css+='link rel="stylesheet" href=' + display + ' /';  css+='>';

 document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>

Une idée pour le forum ? wink .

Article proposé par les membres de la licence pro commerce electronique de vannes

Google Adsense · 22-03-2007 09:25:42

Julie · Re: Trucs et astuces: Katgal.com

absolument génial

JayX · Re: Trucs et astuces: Katgal.com

Ouais, c'est une bonne idée :idea:

Stan · Re: Trucs et astuces: Katgal.com

Si t'arrives à dévelloper (et surtout adapter) cette idée sur le forum, je trouverais ça excellent!

T'as trop la classe Gwen 8)

toto_hiphop · Re: Trucs et astuces: Katgal.com

ouai gwen !

Stan · Re: Trucs et astuces: Katgal.com

L'Admin parle

Rappel: Les sujets en NEWS, LIENS DIVERS et LIENS VIDEOS sont inclus automatiquement dans le flux RSS, la suite du sujet est déplacé ici

Merci Tony ;-)

flo · Re: Trucs et astuces: Katgal.com

Excellent ce script !!

Merci Gwen...ça va servir !!
Pour le forum, tu vas donc faire 3 feuilles de style...? Si y'a besoin d'un coup de main je suis partant pour aider à mettre ce triple design en place !!

Stan · Re: Trucs et astuces: Katgal.com

:shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock:

Florent??????

OH Mon dieu, IL EST VIVANT!!!! lol

Stan · Re: Trucs et astuces: Katgal.com

OH Mon dieu

Oui?

flo · Re: Trucs et astuces: Katgal.com

Oui Stan je suis encore vivant big_smile

J'avoue que je n'ai rien fait jusqu'ici à part lire tous vos messages !
Mais ça va changer...je vais participer un peu plus, promis !

D'ailleurs ce soir même je me fait mon avatar...

guiteux · Re: Trucs et astuces: Katgal.com

Florent, l'homme devenu graphiste et developpeur avec moins de 6 mois de formations !!!! 8)

Stan · Re: Trucs et astuces: Katgal.com

Eh bien Florent, si tu veux ajouter ta brique à l'édifice qu'est le forum/portail n'hésite pas à en parler, sur msn, ici ou mail et mp.

Bref, content de voir que tu posts même si c'est en aucun cas une obligation, ça fait plaisir.

Kerweb · Re: Trucs et astuces: Katgal.com

Code:

// Get 24-hour time:
$hour = date('H');

if ($hour < 8) {
$css = '#container {background: transparent url(bg_night.gif)}';
} elseif ($hour < 17) {
$css = '#container {background: transparent url(bg_day.gif)}';
} elseif ($hour < 21) {
$css = '#container {background: transparent url(bg_cloud.gif)}';
} else {
$css = '#container {background: transparent url(bg_day.gif)}';
}
echo '<style type="text/css">'.$css.'</style>';

Discussion	Réponses	Vues	Dernier message
Astuces par Admin	1	448	29-04-2008 09:50:04 par Nico
Le référencement: trucs à éviter par Julie	10	204	16-03-2007 16:53:37 par Kro_231

Trucs et astuces: Katgal.com

#1 22-03-2007 09:25:42