Um CSS para cada hora do dia!

Que tal folhas de estilo diferentes para cada hora do dia?

<script language=”JavaScript”>
<!– Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = “folha_1.css”;
else if (thehour > 17)
display = “folha_2.css”;
else if (thehour > 14)
display = “folha_3.css”;
else if (thehour > 11)
display = “folha_4.css”;
else if (thehour > 7)
display = “tree_morning.css”;
else if (thehour > 4)
display = “folha_5.css”;
else if (thehour > 1)
display = “folha_6.css”;
else
display = “folha_7.css”;

var css = ‘< ‘; css+=’link rel=”stylesheet” href=’ + display + ‘ \/’;  css+=’>’;

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

E ainda: Caso o usuário navegue com o JavaScript desabilitado você pode definir um outro tema:

<noscript>
<link rel=”stylesheet” href=”seu_tema.css” type=”text/css”>
</noscript>

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s