Cambiare sfondo a seconda dell'ora con CSS

Printable View

26-08-2009, 21.40.07
basilicatameteo

Cambiare sfondo a seconda dell'ora con CSS

Mi servirebbe un codice che mi faccia cambiare una immagine il cui input lo si ha in un codice CSS.
Mi spiego meglio:
Ho un file chiamato style.css in cui vi sono tutti gli stili e i codici che si ripeteranno nel sito per tutte le pagine.
In questo file ho una stringa chiamata background, in cui vi è il link dell'immagine
Più nello specifico:
div#wrapper {
margin: 0 auto;
padding: 0px;
line-height: 1em;
background: #ffffff url(bg-header.png) repeat-x top left;

Ora dovrei inserire un codice che mi permetta di variare lo sfondo a seconda dell'orario
In pratica vorrei che dalle 6 alle 19 l'immagine sia bg-header.png e dalle 19 alle 6 sia bg-headernotte.png!!

Come fare?
26-08-2009, 21.56.15
dementialsite

Un'idea potrebbe essere questa: crei due classi CSS, ciascuna con un determinato sfondo

Codice:

.giorno { background:url(bg-header.png); } .notte { background:url(bg-headernotte.png); }

Poi, con JavaScript, al momento di caricare la pagina assegni lo sfondo, così:

Codice HTML:

<body onload="var hr=new Date().getHours();document.getElementById('wrapper').className = (hr >= 6 && hr < 19 ? 'giorno' : 'notte');"> ... </body>

Stammi bene...
27-08-2009, 00.31.23
basilicatameteo

Non ho ben capito dove mettere il secondo codice
27-08-2009, 00.34.11
miki92

Questa riga di codice:

Codice HTML:

<body onload="var hr=new Date().getHours();document.getElementById('wrapper').className = (hr >= 6 && hr < 19 ? 'giorno' : 'notte');">

Va sostituita all'attuale:

Codice HTML:

<body>

Più che sostituire in pratica aggiungi la parte onload="...
27-08-2009, 00.49.04
basilicatameteo

Il problema è che non so in quale documento trovare il body.
Il sito è interamente costruito con Drupal. I file sono stati creati tutti da Drupal e io non so quale sia il file dove inserire il codice

Inoltre non ho pagine in html, ma solo php

Index.php
cron.php
install.php
etc etc
27-08-2009, 19.58.45
basilicatameteo

Ci sarebbe un modo per tradurre il secondo codice html (il body per intenderci) in codice PHP
27-08-2009, 20.07.39

PHP è un linguaggio di scripting che produce come output puro codice HTML.
Non so come è strutturato drupal, quindi dovrai aspettare utenti più esperti in questo CMS.
03-09-2009, 16.50.26
basilicatameteo

Non sono ancora riuscito a trovare da solo una soluzione! Qualcuno che conosce drupal sarebbe così gentile da illustrarmi come si fa?
03-09-2009, 17.12.36

ora lo installo e guardo

edit: non ho trovato nessuna opzione :(