Effetti di foglie cadenti da inserire nel blog durante il periodo autunnale.

I lettori più assidui si saranno accori che mi diletto a pubblicare degli effetti in linea con il periodo dell'anno. Ho preso questa abitudine già dopo il primo anno di blogging perché erano stati proprio i frequentatori del sito a fare questa specifica richiesta. Dopo aver mostrato tutta una serie di Effetti per Halloween e aver pubblicato la prima personalizzazione natalizia, passo a presentare un classico di questo stagione. L'effetto è quello delle Foglie che cadono per dare un'atmosfera autunnale al nostro sito. Visto le problematiche che hanno i sempre più numerosi blog con dominio personalizzato nel far funzionare i loro widget, ho pensato per una volta di caricare i javascript su DropBox affinché siano fruibili da tutti senza bisogno di interventi ulteriori. Ho pubblicato una

• Demo dell'Effetto delle Foglie Cadenti -

Non occorre modificare il modello ma basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare questo codice

<noscript><a href='http://goo.gl/Ya3nX' target='_blank'><span style='font-size: x-small;'>Falling Leaves Effect</span></a></noscript>
<script src="http://dl.dropbox.com/u/2574553/foglie-cadenti/leaf1.js" type="text/javascript"/></script>

Si clicca su Salva e si posiziona con il mouse proprio sopra all'area del post. In taluni modelli può non funzionare se si mette più in alto, nella zona header tanto per intenderci. Dopo il posizionamento si deve cliccare su Salva disposizione in alto a destra

Ho selezionato le immagini di otto tipi di foglie e ho reso il loro sfondo trasparente con Gimp; ho poi salvato i file in formato GIF e, successivamente, li ho caricati su Picasa. Ho quindi creato otto diversi script, ognuno per ciascuna foglia. A seconda di quella che vi piace di più o che più si adatta al vostro blog, potete sostituire la parte finale dell'URL dello script, cioè leaf1.js, secondo la seguente tabella

	leaf1.js		leaf5.js
	leaf2.js		leaf6.js
	leaf3.js		leaf7.js
	leaf4.js		leaf8.js

 

Le foglie inizieranno a cadere non appena si aprirà una pagina del blog. L'effetto sarà più intenso all'inizio per poi decrescere. Le foglie cadenti torneranno a essere più numerose se si ricaricherà la pagina cliccando per esempio su F5 o sull'apposita icona del browser.