Come personalizzare la forma del cursore quando viene aperto il nostro sito
Sembra che soprattutto il pubblico femminile ami particolarmente le personalizzazioni che mutano la forma del mouse all'interno di un sito o anche solo di una singola pagina. In occasione delle Feste di Natale ho quindi pensato di proporre un codice che, se inserito nel blog, mostrerà ai visitatori il puntatore con la forma del cappello di Babbo Natale.
Lo script funziona benissimo su Chrome e Firefox mentre è un po' più lento su Internet Explorer. Non ho dati sugli altri browser che comunque sono usati da una netta minoranza di navigatori.
Occorre andare su Design > Modifica HTML e cercate la riga
Subito sopra bisogna incollare il seguente codice
<!--CURSORE BABBO NATALE INIZIO-->
<script src='http://dl.dropbox.com/u/2574553/cursore-cappello-babbo-natale.js' type='text/javascript'>
</script>
<!--CURSORE BABBO NATALE FINE-->
<script src='http://dl.dropbox.com/u/2574553/cursore-cappello-babbo-natale.js' type='text/javascript'>
</script>
<!--CURSORE BABBO NATALE FINE-->
Salvare il modello e il mouse di coloro che visiteranno il vostro sito avrà questo aspetto
Ho utilizzato l'immagine che vedete che però può essere facilmente sostituita da un'altra a vostra scelta. Se ne indicate nei commenti una più carina sarò lieto di cambiarla. Può anche essere una immagine animata, l'importante è che sia libera da copyright.
Il file javascript l'ho caricato sull'eccellente servizio DropBox a cui vi consiglio di iscrivervi seguendo il link "Iscrivetevi a DropBox" nel caso non lo abbiate già fatto. Ho anche pubblicato una
Per questa realizzazione ho leggermente modificato uno script di Dynamic Drive -
Aggiornamento: Per modificare l'immagine occorre utilizzare il servizio Dropbox, modificare il file .js dopo averlo scaricato cambiando l'URL della immagine quindi va caricato su Dropbox acquisendone il link di Download come mostrato in questo post
Ciao, ho cercato nel tuo blog ma non ho trovato la risposta a una mia difficoltà per cui ti faccio la domanda. Ho un blog personale su Blogger:
RispondiEliminahttp://se-funziona.blogspot.com, ho provato in vari modi ma non sono riuscito ad espandere ciò che si vede sullo schermo come hai fatto con il tuo. Secondo te è possibile? E se si, in che modo? Grazie in anticipo. Claudio
@Claudio
RispondiEliminaEspandere? Cerca di essere più preciso, ti riferisci al menù?
Mi riferisco alle tre colonne del sito, occupano solo la parte centrale dello schermo, mentre nel tuo occupano tutto lo spazio del monitor.
RispondiElimina@Claudio
RispondiEliminaAdesso ho capito. E' una questione di modello.Quello che ho io è molto vecchio e adesso non è più disponibile. Le tre colonne poi le ho aggiunte successivamente.
Dovresti andare su Design > Designer Modelli per vedere se c'è qualche nuovo template che fa al caso tuo.
In ogni caso puoi andare, senza cambiare modello, su Modifica larghezze per aumentare quelle delle colonne del tuo blog.
Ciao
se voglio modificare l' immagine del cursore, quella che sceglierò deve essere per forza in js.??
RispondiEliminaNo. Devi procedere in modo completamente diverso
EliminaScarica questo file
http://dl.dropbox.com/u/2574553/cursore-cappello-babbo-natale.js
incollando l'URL nel browser e cliccando con il destro del mouse sulla pagina per poi scegliere Salva con nome (Chrome). Nello script devi poi sostituire nel codice l'indirizzo del cursore che è questo
http://lh4.ggpht.com/_nT13UtBmmiU/TQVYerEosxI/AAAAAAAAQgI/tuAJiV_MZWY/babbo-natale-cappello.gif
con l'URL di un'altra immagine. Quando hai fatto devi caricare lo script su un servizio come Dropbox o Google Drive per avere l'URL diretto
http://www.ideepercomputeredinternet.com/2014/07/hotlink-google-drive.html
infine tale indirizzo lo sostituisci al codice di questo post
@#
ciao scusami, io non riesco a modificare l'immagine!
RispondiEliminaho salvato il file e modificato l'url dell'immagine, ne ho caricata una in png su dropbox ed usato quell'url.
poi ho copiato il codice che hai inserito tu qui, e sostituito l'url del file js con il mio sempre js.
ma non compare... perchè? posso chiederti una mano?
Ho aggiornato il post. Forse avevi sbagliato a trovare l'URL del file .js su Dropbox. Leggi anche l'articolo sotto l'aggiornamento
Elimina@#
grazie!fatto, ma niente! credo che a questo punto sia l'immagine il problema... + in png... non va bene forse?
Eliminaè la prima volta che faccio questa cosa effettivamente e non sono molto pratica :/
fattoooo ci sono riuscita :D grazie mille davvero!!! stavo impazzendo e da sola non sarei mai riuscita ... non so come ringraziarti!!
Elimina