How to: effetto Pagepeel con il tema Mistique 3.0

Ho deciso qualche giorno fa di installare uno strumento di advertising, alternativo al classico banner, che attirasse un pò di più l’attenzione del lettore, avete presente quel bellissimo effetto che raffigura un orecchio sulla pagina in alto sulla  destra?

Il plugin in questione si chiama Pagepeel, sicuramente già lo conoscete, esso crea un effetto “sfoglia pagina” infatti dall’inglese si traduce letteralmente sbucciare o pelare. Si tratta di un elemento Flash che simula lo sfogliare di una pagina, e lo scopo è quello di incuriosire il lettore al punto che andrà ad appoggiare il mouse e l’effetto svelerà la pubblicità sottostante o come nel mio caso l’iscrizione ai Feeds RSS.

 

però con il tema che sto attualmente usando il plugin, una volta installato, non funziona da subito poichè cosi come è impostato con la posizione del div su “absolute” si va a posizionare circa a metà layout e nel footer.

Soluzione: dovrete editare il file che si chiama “pagepeel.php” che si trova all’interno della cartella del plugin, e in questo caso avete due modi per farlo:

  • o lo fate direttamente dalla bacheca di wordpress attraverso l’editor già inserito
  • oppure potete farlo editando il file offline e poi caricarlo via FTP nella cartella del plugin

La parte di codice da modificare riguarda la posizione in cui si andrà a mettere il plugin nel vostro layout quindi in queste due sezioni andrà sostituita il codice “absolute” con “fixed“:

div id="ppocornerSmall" style="position:absolute;
div id="ppocornerBig" style="position:absolute;

il codice diventerà:

div id="ppocornerSmall" style="position:fixed;
div id="ppocornerBig" style="position:fixed;

In questo modo la posizione sarà nell’angolo in alto a destra.

Potete scaricare il plugin “Pagepeel” da qui

Nota: ora il plugin funziona anche con explorer 9

Se conoscete altre risorse correlate non esitate a segnalarle nei commenti!

Lascia un commento