2009
Dec
26

Sfondo random con i CSS

Come qualcuno (i più attenti) certamente noterà, da oggi ho impostato il blog in modo che lo sfondo cambi ad ogni refresh della pagina. Per fare ciò non ho chiesto aiuto a javascript, bensì a PHP e ad i miei CSS.

Sul blog di “a list apart” è a disposizione il file “rotate.txt“, ed è spiegato nel dettaglio la procedura per l’inclusione nell’HTML. Mi è bastato adattare le istruzioni al CSS.

Innanzitutto perché il file “rotate” funzioni andrà salvato in locale, e rinominato “rotate.php“. Il file va messo nella directory in cui teniamo le immagini di sfondo senza modifiche. Nel CSS, invece, andiamo a modificare la stringa relativa al background che vogliamo cambi ad ogni refresh (nel mio caso il “body“). Così:

body {
background: url(images/rotator.php) repeat center top;
}

Una volta caricato il nuovo CSS sul sito, lo sfondo inizierà a cambiare dal primo refresh.

Add comment

Fill out the form below to add your own comments

User data





Add your comment


Admin