Effetto JavaScript: foglie che cadono


foglie che cadonoDa un po’ non propongo nuovi script e allora colgo la proposta di Vittoria di convertire per Blogger (ma può essere usato su qualsiasi piattaforma che accetti di inserire elementi di tipo Javascript) questo script di Dynamic Drive che farà cadere davanti agli occhi dei vostri visitatori delle foglie di varie dimensioni, a ricordare la stagione in cui siamo, come si vede in questa pagina di esempio.

Come sempre ho semplificato l’operazione, e l’inserimento del codice richiederà pochi secondi.

Inserire lo script nel blog

Spiego la procedura per Blogger, se avete il blog altrove dovrete fare l’operazione equivalente.

Andate in Design –> Elementi pagina, cliccate su un qualsiasi link “Aggiungi un gadget” e scegliete un elemento di tipo “Html/Javascript”. Nella finestra che si apre incollate il seguente codice:

<script src="https://sites.google.com/site/creareblog/script-blog/altri-script/foglie.js?attredirects=0&d=1" type="text/javascript"/></script>

Lasciate l’elemento senza titolo e salvate il tutto. Visualizzate il blog per godervi l’effetto. Per rimuoverlo, basterà cliccare su “Modifica” dell’elemento aggiunto e scegliere “Rimuovi”.

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

34 commenti:

Vittoria ha detto...

Grazie! Davvero gentilissimo, lo provo immediatamente! Ciaooo :-)

Vittoria ha detto...

emmmm.. c'è qualcosa che non va... non funziona

Tenebrae ha detto...

@vittoria: questa è bella, sembrerebbe un problema del tuo template, prima di impazzire entrambi però vediamo se qualcun altro lo prova e ci fa sapere come va

Vittoria ha detto...

Già, questo template che tanto adoro mi sta dando molti grattacapi.... ho perso mesi per capire come far apparire la data, inserire i bottoni di condivisione sociale e spostare la voce delle etichette in basso al post... Spero sia di facile soluzione, altrimenti mi pare che devo proprio rinunciarci :-(

Yaya ha detto...

Sul mio funziona, ma non mi piace l'effetto... trovo che disturbi un po' troppo.. mi piacerebbe un gadget simile da utilizzare più avanti, magari con dei fiocchi di neve...

Yaya ha detto...

A proposito (anzi non c'entra nulla) come si fa a creare dei titoli per il blog un po' particolari, carini come quello di Vittoria per esempio???
Ps: Vittoria, complimenti per i tuoi lavori!

Tenebrae ha detto...

@yaya: per la neve che cade qui non hai che l'imbarazzo della scelta :)

Vittoria ha detto...

@Yaya: Ti ringrazio per i complimenti!
Per quanto concerne il titolo del mio blog l'ho creato in photoshop utilizzando immagini per scrap digitale gratis trovati in giro in internet. Su questo blog al seguente link http://www.creareblog.org/2009/02/nove-siti-dove-trovare-immagini-gratis.html puoi trovare varie indicazioni di foto da poter utilizzare liberamente.Ciao :-)

Lia ha detto...

fantastico!!!mi piace un monte, grazie per l'idea!

Piccolalory ha detto...

Bello!! Grazie, si intona proprio al mio sfondo :-)

DEUSEXMACHINA™ ha detto...

Grande Tenebrae! script molto gustoso!

Sandra Maccaferri ha detto...

Grazieee. Lo metto da parte: ho cambiato la pagina da autunnale a invernale/notturna. Grazie anche per la neve: un po' più avanti proverò.
ehm...ehm...stelline che scendono...no?
;O)

siderno54 ha detto...

contentissima di mettere le foglie stamane,ma purtroppo non mi cadono sono ferme in un solo punto,chi mi puo' aiutare?grazie

lori ha detto...

Ciao, ti ho linkato già da qualche giorno... complimenti per questo spazio, molto utile per me che sono agli inizi. Ciao.
p.s. il mio blog: maniamorefantasia.giallozafferano.it

rocciajubba ha detto...

Belissimissimo!

enrico ha detto...

anche sul mio non gira molto, mentre su quello di prova va benissimo, strano

Vittoria ha detto...

Ora sul mio blog lo script funziona! Ho Capito e risolto il problema che riguardava il mio template! Certo, la velocità e la quantità di caduta delle foglie non è così come appare su un blog prova, ma credo che questo dipenda dal numero dei post e da quanti widget vi sono nel blog(parlo da ignorante in informatica, eh).
A presto.

Tenebrae ha detto...

ho visto che con alcuni template lo script non va benissimo, a differenza di altri proposti in passato. l'effetto non è male ma non è sempre perfetto. questo fine settimana cercherò di dare un'occhiata per sistemarlo.

@vittoria: hai visto giusto, quante più cose ci sono su schermo quanto più ci mette a gestirle, nel tuo caso tuttavia - almeno dal mio computer - mi sembra vadano benissimo

questa cosa delle lettere è molto carina, potresti darci qualche sito di esempio o aiutarmi a capire cosa cercare? sicuramente interessa a molti.

Vittoria ha detto...

Le Lettere? Ti riferisci alla scritta del mio Blog?
Come vi dicevo è una sorta di collage di immagini gratuite prese in giro da internet, in particolare sono immagini utilizzate per lo scrap digitale e poi modificate e unite con photoshop. Lo scrap è una tecnica con la quale si abbelliscono le photo, ed esiste anche la versione digitale della stessa, basta digitare su google "Scrap Digitale". Per quanto riguarda poi le lettere ho utilizzato una tecnica simile a quella di cui vi indico il link: http://myblogghissimo.blogspot.com/2010/10/inserire-unimmagine-in-un-testo-con.html. In questo caso la scritta riguarda una sola immagine, nel mio caso ogni lettera fa riferimento ad una immagine diversa. Spero di essere stata esauriente. :-) A presto!

francesca ha detto...

Buongiorno!
Innanzitutto grazie grazie grazie per le dritte che dai... Seguendo i tuoi consigli sono riuscita a metter mano al mio sito e ad arrivare a quello che è ora, certo, ci sono un po' di cose che non funzionano, ma per una come me, che fino a poco tempo fa, non sapeva cosa volesse dire html e tutte quelle robine lì... è già una grande soddisfazione!
Però ho un problema: ho inserito il codice html per le foglie, ma... mistero.. in "anteprima" le vedo cadere, ma quando apro il sito...PUFFF... foglie sparite... Stessa cosa se metto i fiocchi di neve o i pachetti regalo di un po' di post fa... Sono io imbranata o nel mio sito c'è un mistero?
Grazie mille se potrai rispondermi!

enrico ha detto...

Sul mio blog non sembrava funzionare un gran ché , al contrario che nella prova, penso proprio per la quantità di materiale presente, comunque ho deciso a malincuore di toglierle perchè appesantiva troppo e qualcuno si è lamentato che aveva difficoltà ad aprirlo.

Goga ha detto...

L'idea è molto carina, ma sul mio template la foglia cade solo da una parte non sul tutto lo schermo. La lascio lo stesso :) Si può fare qualcosa per avere più foglie? Grazie e complimenti!
Ciao,
Goga

Manuela e Claudia ha detto...

Ciao :)! Il tuo blog è davvero interessantissimo!
Saremo tue follower!
Vieni a dare un'occhiata al nostro blog!

Manuela e Claudia.

http://www.vucciriamood.blogspot.com

Playbeppe ha detto...

Ciao Tenebra,
seguo sempre il tuo blog e ti faccio i complimenti per tutte le dritte che ci regali!
Io uso un template "etereo" preso dal designer di blogger, e anche a me l'effetto foglie non funziona perniente bene.... :-(
Se ti interessa questo è il mio blog:
http://playbeppe.blogspot.com/

Ciaoooooooo
Beppe

*Maristella* ha detto...

Buonasera...ti ringrazio, ho provato e ci sono riuscita...pure io che con internet sono un po' impedita! Un caro saluto, *Maristella*.

Vanessa Albertini ha detto...

Ciao, ho da poco aperto un blog e ti ho scoperto... sto imparando un sacco di cose, grazie! volevo segnalarti questo sito www.iolecal.blogspot.it dove ho trovato tantissime cose carine tipo questa delle foglie, non so se lo conosci già. ciao! Vanessa

Daniela/patoffola! ha detto...

ciao e grazie mille!
anche se avrei preferito qualche cosa di primaverile dato il periodo, ma se ti capita di fare tutte le stagioni le cambiero' volentieri.
ciao Daniela.

Fangyaya ha detto...


fangyanting20150926
pandora jewelry, http://www.pandorajewelryoutlet.us.com/
cheap wedding dresses, http://www.cheap-weddingdresses.net/
louis vuitton bags, http://www.louisvuittonbag.us.com/
nike air force 1, http://www.airforce1.us.com/
chanel handbags, http://www.chanelhandbagsoutlet.eu.com/
north face jackets, http://www.thenorthfaces.in.net/
ghd hair straighteners, http://www.ghdhairstraightenerssale.co.uk/
michael kors outlet, http://michaelkors.outletonlinestores.us.com/
nike mercurial, http://www.nikemercurial.org/
louis vuitton outlet, http://www.louisvuittonus.us.com/
oakley sunglasses, http://www.oakleysunglassescanada.com/
louis vuitton handbags, http://www.louisvuittonhandbags.org.uk/
football shirts, http://www.cheapfootballshirt.org.uk/
prada outlet, http://www.pradaoutlet.us/
michael kors wallet, http://www.michaelkorswallet.net/
ralph lauren uk, http://www.ralphlauren-outletonline.co.uk/
toms shoes, http://www.toms.us.com/
michael kors factory outlet, http://www.michaelkorsfactoryoutlets.in.net/
ugg boots, http://www.uggbootsclearance.in.net/
hermes birkin, http://www.hermesbirkin.org/
oakley sunglasses, http://www.oakley.in.net/
polo ralph lauren, http://www.poloralphlauren.us.org/
cheap jordans, http://www.cheapjordanshoes.in.net/
tiffany and co jewelry, http://www.tiffanyandco.in.net/
michael kors handbags, http://www.michaelkorshandbag.co.uk/

方松腾 ha detto...

cheap jordans
michael kors outlet online,michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors
mulberry handbags
tory burch outlet online
swarovski crystal
canada goose coats
toms outlet
michael kors factory sale
giuseppe zanotti sale
nba jerseys wholesale
fitflops shoes
hollister pas cher
longchamp outlet online
cheap mlb jerseys
swarovski outlet
swarovski outlet

dong dong23 ha detto...

michael kors outlet
coach outlet online
hollister clothing
nike free run
air max 90
ray ban sunglasses
toms shoes
coach outlet
christian louboutin shoes
basketball shoes
louis vuitton handbags
coach factory outlet
gucci
ray ban sunglasses
coach factory outlet
ugg outlet
coach outlet store online
timberland boots
oakley sunglasses wholesale
michael kors outlet online
louis vuitton handbags
coach outlet
louis vuitton handbags
ugg boots
jordan 11s
cheap oakley sunglasses
cheap jordans
toms shoes outlet online
polo ralph lauren outlet
louis vuitton outlet
tods shoes
burberry outlet online
louis vuitton outlet stores
jordan 13
gucci handbags
air jordans
michael kors purses
ray ban sunglasses
nike outlet store
20165.4wengdongdong

chenlina ha detto...

miami heat jerseys
kate spade
louis vuitton
michael kors handbags
jordan retro
ray ban sunglasses
michael kors outlet
adidas ultra boost
ray ban sunglasses
coach outlet
ugg boots
rolex watches
hermes birkin bag
coach outlet store online
louis vuitton outlet
toms shoes
cheap nfl jerseys
michael kors outlet
oakley outlet
michael kors outlet
toms outlet
uggs canada
moncler uk
adidas nmd
replica watches
toms shoes outlet
louis vuitton outlet online
adidas originals
mlb jerseys
nike factory outlet
replica watches for sale
michael kors outlet
basketball shoes
coach factory outlet
michael kors purses
coach outlet
rolex watches
coach outlet
canada goose outlet
replica watches
chenlina20160823

Unknown ha detto...

ray ban sunglasses and
michael kors outlet throw
vikings jerseys products
michael kors handbags link
cowboys jerseys to
michael kors uk show
seattle seahawks jerseys back
cleveland browns jerseys have
nike blazer almost
cheap nike shoes special

Eva - Ilmondodieva_recensioni ha detto...

Ciao!
Ti ringrazio molto, l'ho appena aggiunto al mio Blog! :)

Sono ancora molto incapace con queste cose quindi se ti andasse mi farebbe piacere avere un tuo parere sulla grafica del mio Blog e dei suggerimenti per migliorarlo!

L'email per contattarmi la trovi nel mio Blog, grazie :)

raybanoutlet001 ha detto...

pandora outlet
jordan shoes
miami heat
michael kors handbags outlet
golden state warriors
ed hardy clothing
chaussure louboutin
nike huarache trainers
pandora charms
mlb jerseys


Prima di lasciare un commento, leggete qui

Posta un commento