Cambiare sfondo a seconda dell'ora con CSS

**basilicatameteo** · 26-08-2009, 21.40.07

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?

**dementialsite** · 26-08-2009, 21.56.15

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...

**basilicatameteo** · 27-08-2009, 00.31.23

Non ho ben capito dove mettere il secondo codice

**miki92** · 27-08-2009, 00.34.11

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="...

**basilicatameteo** · 27-08-2009, 00.49.04

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

**basilicatameteo** · 27-08-2009, 19.58.45

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.

**basilicatameteo** · 03-09-2009, 16.50.26

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 :(

Discussione: Cambiare sfondo a seconda dell'ora con CSS

LinkBack

Strumenti discussione

Display

Cambiare sfondo a seconda dell'ora con CSS

Regole di scrittura