Effetto peel

Ciao a tutti, oggi recupero un po’ di post che non ho avuto tempo di scrivere,heeh.

Sulla rete trovate molti esempi di effetto peel, ovvero quella specie di bordino che oscilla in qualche angolo dello schermo e che quando avvicinate il cursore si “sfoglia” mostrandovi una pubblicitá o un annuncio.

Cercando in rete si trovano molti esempi e script ma pochi funzionano bene. Oggi vi propungo uno script peel effect come quello che trovate nella pagina principale in alto a destra.

Lo script in questione lo potete usare per qualsiasi tipo di sito/blog, ma io vi illustreró l’installazione per WordPress.

Bene iniziamo scaricanto il necessario, fatto questo estraete la cartella in wp-content/plugins .
Il prossimo passo da fare é editare il file esel.js in modo da avere tutte le variabili che “puntano” all’indirizzo giusto. Quindi per fare ció sostituite mywebsite con il vostro indirizzo web, e link con il collegamento che volete avere quando cliccate sull’oggetto peel.

var esel = new Object();
esel.ad_url = escape('link');
esel.small_path = 'mywebsite/wp-content/plugins/peel/esel_s.swf';

esel.small_image = escape('mywebsite/wp-content/plugins/peel/image/beispiel_s.swf');

esel.big_path = 'mywebsite/wp-content/plugins/peel/esel_b.swf';

esel.big_image = escape('mywebsite/wp-content/plugins/peel/image/tempg.gif');

quindi infine diventá cosí :

var esel = new Object();

esel.ad_url = escape('http://www.template.where-seek.com/?page_id=17');
esel.small_path = 'http://www.template.where-seek.com/wp-content/plugins/peel/esel_s.swf';

esel.small_image = escape('http://www.template.where-seek.com/wp-content/plugins/peel/image/beispiel_s.swf');

esel.big_path = 'http://www.template.where-seek.com/wp-content/plugins/peel/esel_b.swf';

esel.big_image = escape('http://www.template.where-seek.com/wp-content/plugins/peel/image/tempg.gif');

Ecco una volta fatto questo vi basta solo andare a modificare il vostro footer, quindi in WordPress andate su Design - Theme Editor - footer.
Andate in fondo e proprio prima del tab inserite :

Ovviamente mywebsite deve essere il vostro indirizzo,

Infine come ultimo passaggio dovete modificare le immagini tempg.gif e templatebig.png a vostro piacimento nella cartella mywebsite/wp-content/plugins/peel/image/.

Il gioco é fatto, ora dovreste aver fatto tutto ed avere la vostra paginetta sfogliabile.

Buona giornata e alla prossima