Spider Pork Widget
Ho creato un widget per inserire nel proprio blog o sito internet il maiale dei Simpsons che cammina sul soffitto della pagina web.
Fai razzolare anche tu Spider Pork nel tuo blog!
Wordpress Plugin (widget)
Scarica il plugin per Wordpress 2.3.2, ti permetterà di inserire il porco come widget nella sidebar semplicemente trascinandolo con il mouse.
Download Spider Pork Widget Plugin (versione 0.6) per Wordpress 2.3.2
ISTRUZIONI:
- copia la cartella spiderpork dentro la cartella wp-content/plugins del tuo Wordpress
- nel pannello di amministrazione vai su plugins e attiva Spider Pork
- nel pannello widget (dentro presentation) trascina il widget di Spider Pork nella tua sidebar
Widget generico (per qualsiasi sito)
Download Spider Pork Widget (versione 0.6)
Copia la cartella spiderpork (con tutti i suoi files) nello spazio del tuo sito web ad un percorso web (URL) noto.
Inserisci il seguente codice nella pagina web in cui vuoi inserirlo (o nel template):
<!-- SPIDER BEGIN --> <script type='text/javascript' src='spiderpork/jquery.js'></script> <script type='text/javascript'>var spider_path = 'spiderpork/';</script> <script type='text/javascript' src='spiderpork/spider.js'></script> <!-- SPIDER END -->
Sostituendo nelle tre righeil percorso (URL) esatto della cartella che hai caricato sul tuo server.
Spider Pork Widget da remoto (modalità semplice)
Ho creato infine una modalità di utilizzo dello Spider Pork Widget veramente semplice, che utilizza lo script e le immagini recuperandole dal mio server.
Non serve scaricare e installare sul proprio spazio web nessun file, è sufficiente includere nel proprio sito (o nella propria pagina web) il seguente script:
<!-- SPIDER REMOTE BEGIN --> <script type='text/javascript' src='http://www.lordalcol.com/spiderpork/jquery.js'></script> <script type='text/javascript'>var spider_path = 'http://www.lordalcol.com/spiderpork/';</script> <script type='text/javascript' src='http://www.lordalcol.com/spiderpork/spider.js'></script> <!-- SPIDER REMOTE END -->
Se usate Wordpress.com o altri servizi online potete inserire il suddetto codice in un widget di puro testo oppure nel template grafico. Alla peggio potete inserirlo anche nel codice di un post, il maiale si vedrà solamente in quella pagina.
Making of…
Scrivo un paio di righe tecniche per chi fosse interessato a come è stato realizzato Spider Pork Widget.
Questo widget è stato realizzato utilizzando delle gif animate gestite da uno script Javascript che si appoggia alla librera JQuery 1.2.2.
Il codice che gestisce l’animazione è il seguente (lo script contiene altre funzioni, ma queste due sono le principali):
function spider_go() {
r = Math.ceil(Math.random() * 200) + 150;
//console.log('go: ' + r + ' : ' + r * 34 + 'ms \n');
spider_right = spider_right + r;
$("#spiderpork").attr("src",spider_path + "spider.gif");
$("#spiderpork").animate({
marginRight: spider_right
}, r * 30, 'linear', spider_stop );
}
function spider_stop() {
if (spider_right>getWindowWidth()) {
spider_right = 0;
$("#spiderpork").animate({
marginRight: spider_right
}, 1, 'linear', spider_go );
//console.log('return back\n');
} else {
r = Math.ceil(Math.random() * 100) + 50;
//console.log('stop: ' + r + ' : ' + r * 34 + 'ms \n');
$("#spiderpork").attr("src",spider_path + "spiderstop.gif");
$("#spiderpork").animate({
marginRight: spider_right
}, r * 30, 'linear', spider_go );
}
}
Eventuali problemi, bug o richieste
Lasciate un commento per avvisarmi di problemi o richieste di nuove funzionalità.
ciao!!
TRE PAROLE: sei un genio!!! Spiderpork è stupendo!!!!
ho scaricato e estratto la cartella spiderpork ma non riesco a trovare la cartella per aggiungere spiderpork nella sidebar…ho windows vista home premium..potresti indicarmi come cercare?!
Grazie!!
ciao, scusa la mia ignoranza, ma nn sono riuscito ad aggiungere il widget… mi sono bloccato subito, nn so dove copiare la cartella spiderpork, nn trovo la cartella wp-content/plugins. ti dispiacerebbe essere un pò più preciso? bisogna prima registrarsi a pagamento su wordpress per fare tutto? e per quanto riguarda il plugin 2.3.2 ? come faccio? grazie!
sto per fare un paio di modifiche che semplificheranno il tutto, entro un paio di giorni pubblicherò la nuova versione, corretta e semplificata, con un po’ più di documentazione per rendere l’installazione immediata!
senti trovo interessante il tuo lavoro solo che nn lo riesco ad inserire io lo voglio inserire in una pagina html che ho creato senza editor. l’ URL l’ho lasciata uguale perche ho messo la cartella spiderpork nella stessa catella della pagina html .se puoi dammi una dritta
stupendo!!!!!!!!!!!!!!!!!!1
io ho provato ad aggiungerlo in una pag html
solo che mi da qst errore:
<script type=’text/javascript’ src=’
Fatal error: Call to undefined function: get_option() in /prove/spiderpork/spiderPork.php on line 8
mi puoi aiutare????
ps scusa l’ignoranza…..
Nella prima versione la 0.5 di spiderpork widget c’era un bug per chi usa il plugin senza wordpress. In particolare c’era un riferimento a una funzione php che non serviva.
Lo script da includere ora è:
Ho creato un codice da includere che non necessita alcuna installazione di file, è sufficiente includere questo script nel tuo sito:
sei un genio!!!!!xò non ho kapito kome posso fare x metterlo nello spaces di msn…non è ke mi potresti aiutare???grazie mille
che bello!!!!!
ora funziona!!!!!!!!
adesso mi manca solo la canzone!!!!
Grande!!!
@davide
su live space di microsoft non è possibile inserire del codice javascript (ho appena provato e cercato in internet ma non ci sono soluzioni apparentemente).
Sto lavorando per realizzare un gadget per Live Spaces in modo da poterlo includere semplicemente dalla galleria gadgets.
@ lorenzo…ok grazie mille…sei un grande e sei riesci anke a farlo x lo spaces sei un dio!!!!!
Grande!!! L’ho aggiunto anche io! troppo bello!
ciao, hai vuto una grande idea!
io purtroppo ho un problema… ho fatto copia e incolla del tuo script sul mio blog di wordpress, ma mi compare questa scritta
var spider_path = http://www.lordalcol.com/spiderpork/;
come mai??
Grandissimo widget! Sono sicuro che spopolerà sul web e sugli schermi di tutto il mondo! L’ho messo sul mio blog, grazie!
Aggiunto Spiderpork anche nel mio Blog. Saluti
Posso solo dire una cosa: grande!!!
Ho già inserito SpiderPork nel mio network e tutti hanno gradito un sacco!
Complimenti.
Ciao! ma su Myspace non funziona vero? ho provato ma nn compare nulla. le soluzioni sono due: o non sono capace io oppure Myspace nn lo supporta. Grazie!
sui blog su “wordpress.com” non funziona, poiché nelle widgets non si possono inserire javascript (o richiami a codice scritto in JS)
se qualcuno mi spiega come inserire il mitico maialino nella pagna di myspace diventa il mio idolo personale
ah ecco…, grazie chissenefrega, allora devo cercare di riuscire ad installare il widgets con l’altro metodo..
..
per eli e bagonda: se leggete un po’ piu in altro, lorenzo ha scritto che su myspace non funziona, ma che non ci sta lavorando
live space è il blog legato a msn messenger (o live messenger) di microsoft, mentre myspace è un’altra cosa, anche se molto simile.
purtroppo questi servizi non permettono quasi mai di inserire codice javascript nella pagina, quindi risulta un po’ difficile. Ora sto vedendo se riesco a far accettare dei gadget, ma non dipende solo da me!
@chissenefrega non sapevo avessero messo il divieto di javascript anche su wordpress.com… mi dispiace! purtroppo nei servizi gratuiti è spesso così
è possibile utilizzarlo anche x i forum tipo forumfree?
se sì come si fa?
@laura: non ho mai usato forumfree, ma sono andato a dare un’occhiata alla guida, sembra che siano permessi gli script javascript
prova a copiare il codice in cima al forum o in home page
Amministrazione —-> Gestione codice HTML “e poi scegli tu la sezione”
usa il codice “remoto”
purtroppo nn funziona…ho notato xò che uno degli script si divide in due righe…può essere questa la causa?
cmq ti ringrazio lo stesso…attenderò di poterlo applicare anch’io in my spaces!!
ciao ciao!!
nooo…ma che bello il porcellino di homer!!!io pure lo voglio sul mio blog…però non capisco nulla…perciò mi sa che dovrò arrendermi…:(
vabbè…comunque complimentoni!!!ma come fai a saper fare certi programmiiiiiii…magari io!!!ciao ciao!!un bacino
complimenti per il widget l’ho visto su spetteguless
fantastico spider pork!complimenti!ho inserito lo script della modalità semplice tra div e div dopo aver cliccato su html, in modo da averlo in un post del mio blog,ma non funziona.puoi spiegarmi meglio come fare per favore?grazie
prova a inserirlo come widget di testo
vai in Presentation -> Widgets, aggiungi un widget di solo testo e incolli il codice
GRANDE!!!
L’ho installato appena l’ho visto.
Grazie mille!!!
Sei un genio!!!
Homer sarebbe fiero di te!!!
niente… sono proprio incapace!!!comunque bravissimo!ciao
Provo a fregartelo…mito
lucedabagno.splinder.com
@lorenzo ma è possibile usarlo come sfondo del desktop? se si come?
Grazie, ho aggiunto un articolo su spider pork e poi ho messo che la fonte sei tu grazie!
site troppo fighi e quello che fa più ridere tra voi è homer!!!!!!!!!!!!!!!!
ciaooooooooo novità rigurado allo spaces di msn????grx 1000
Questo plugin è strafighissimo grazie mille davvero!
Ho tolto il link dal maialino però domani provvedo subito a pubblicare un post di ringraziamento a questo plugin ok? (è gia in programmazione).
Un salutone e grazie mille!
Hi!
io l’ho piazzato per prova su un mio blog di scarso interesse…grazie! funziona!
solo che non va postato!
un post così vorrei mandarlo, ma nn funziona…
bellissimo!!!sei un grande…
ma come posso inserirlo nello space di msn????
non avendo accesso direttamente ai file non posso mettere nel codice il tuo widget,mi dai qualche consiglio…è troppo bello devo mettercelo!!!
complimentoni ancora!!!
Bellissimo, meglio di quello di m4mbro. L’ho aggiunto a tutti i miei siti!!
ciao! scusa ho provato a metterlo nel mio forum di forumfree ma non me lo visualizza… mi puoi dire il perchè???
io lo voglio è troppo bello!!!
hej jeg er dansker hihihihihihihihihihihihihihihihihihihihihhohohohhoho
io nn ho capito:(
Ciao… Complimenti, veramente una gran bella creazione!!
Se mai riuscirai a renderlo funzionante anche per spaces live di msn fammi sapere!!!
simpson siete ultra bravi
ciao sono nuova e mi chiamo chiara
ciao
ciao io sono kiara
ciao sono chiara e sono di frosinone
ciao, ma come faccio ad inserirlo nella mia pagina web con dreamweaver??
[…] no ? … Vabbè, io ci ho provato Comunque il plugin a cui ho fatto riferimento è quello di Lordalcol che […]