Effetto sfoglia pagina per blog

Stampa / Print
Finalmente dopo una lunga attesa ho deciso di pubblicare una guida su come
sia possibile inserire un effetto sfoglia pagina all’interno di qualsiasi blog o
sito web.

La procedura non è affatto difficile ed è stata ulteriormente semplificata da
me.

Prima di iniziare va precisato di cosa sto parlando. Un’effetto sfoglia pagina
consiste nel creare, attraverso l’uso di un’animazione in flash e vari script,
un effetto che assomigli ad una pagina sfogliata.

Tutto questo comparirà agli angoli della vostra pagina secondo le impostazioni
che deciderete di apportare.

Potete trovare l’anteprima di tale effetto nella parte superiore del blog, più
precisamente nell’angolo destro.

Per inserire quest’effetto dovrete effettuare delle operazioni alquanto
semplici.

Prima di tutto vanno create due immagini in formato JPEG. La prima di dimensioni
pari a 500px x 500px (comparirà dopo aver sfogliato la pagina) mentre la
seconda di 100px x 100px (comparirà nell’angolino prima di sfogliare la
pagina).

Una volta create, dovrete hostarle su un server per riceverne il link diretto.

Avrete cosi completato la prima parte del procedimento.

Ora, inserite queste poche righe subito dopo il tag <head> della
vostra struttura.

<script
src=’http://www.ilsitoblu.com/lacameradeiblog/script/sfogliapagina/gestione.js’
type=’text/javascript’> </script>

<script
type=’text/javascript’>

var
pagearSmallImg = ‘indirizzo dell’immagine 100×100 formato jpeg’;

var
pagearBigImg = ‘indirizzo dell’immagine 500×500 formato jpeg’;

var
jumpTo = ‘link di destinazione’;

var
setDirection = ‘rt’;

</script><script
src=’http://www.ilsitoblu.com/lacameradeiblog/script/sfogliapagina/sfoglia.js’
type=’text/javascript’></script>

Affinchè tutto funzioni, non dimenticate di editare i campi “var
pagearSmallImg”, “var pagearBigImg”, “var jumpTo”, nel
modo suggerito.

Il campo “var
setDirection” indica la posizione dello script. Inserendo “rt”
verrà visualizzato a destra mentre “lt” a sinistra.

Per completare l’operazione, vi basterà inserire lo script qui proposto, subito
prima della parte </body>.

<script
type=’text/javascript’> writeObjects(); </script>

Fonte: http://www.lacameradeiblog.com/2009/01/effetto-sfoglia-pagina-per-blog.html

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *