Pubblicato il 13/12/10 - aggiornato il  | 10 commenti :

Cursore con cappello di Babbo Natale per mettere nel blog per le Feste.

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

</head>

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-->

Salvare il modello e il mouse di coloro che visiteranno il vostro sito avrà questo aspetto

cursore-cappello-babbo-natale











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 


10 commenti :

  1. 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:
    http://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

    RispondiElimina
  2. @Claudio
    Espandere? Cerca di essere più preciso, ti riferisci al menù?

    RispondiElimina
  3. Mi riferisco alle tre colonne del sito, occupano solo la parte centrale dello schermo, mentre nel tuo occupano tutto lo spazio del monitor.

    RispondiElimina
  4. @Claudio
    Adesso 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

    RispondiElimina
  5. se voglio modificare l' immagine del cursore, quella che sceglierò deve essere per forza in js.??

    RispondiElimina
    Risposte
    1. No. Devi procedere in modo completamente diverso
      Scarica 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
      @#

      Elimina
  6. ciao scusami, io non riesco a modificare l'immagine!
    ho 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?

    RispondiElimina
    Risposte
    1. Ho aggiornato il post. Forse avevi sbagliato a trovare l'URL del file .js su Dropbox. Leggi anche l'articolo sotto l'aggiornamento
      @#

      Elimina
    2. grazie!fatto, ma niente! credo che a questo punto sia l'immagine il problema... + in png... non va bene forse?
      è la prima volta che faccio questa cosa effettivamente e non sono molto pratica :/

      Elimina
    3. fattoooo ci sono riuscita :D grazie mille davvero!!! stavo impazzendo e da sola non sarei mai riuscita ... non so come ringraziarti!!

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy