Pubblicato il 27/11/11e aggiornato il

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

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

widget-effetto-foglie-cadenti

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

foglia1 leaf1.js foglia5 leaf5.js
foglia2 leaf2.js foglia6 leaf6.js
foglia3 leaf3.js foglia7 leaf7.js
foglia4 leaf4.js foglia8 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.





4 commenti :

  1. Grazie Ernesto, ero andata a cercare quello dell'anno scorso ma ti sei superato ^_^

    RispondiElimina
  2. Si può fare questo effetto con wordpress?

    RispondiElimina
  3. @ watchingfilm.net
    L'ho testato e funziona perfettamente anche nei blog Wordpress. Devi andare su Bacheca > Aspetto > Widget e trascinare il widget Testo in una sidebar. Quindi incolli il codice senza aggiungere il titolo e Salvi. E' tutto.

    RispondiElimina
  4. Anche questo è un bellissimo effetto - sono in ritardo con 'autunno ... dovevo arrivare prima al tuo Blog
    he he he

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.