Pagina aggiornata... Sabato, 11 maggio 2024 *
Tempo di caricamento
0.08
secondi
Link navigazione :
Home ~ Accessori » Cursore personalizzato Blogspot |
..:: Istruzioni cursore personalizzato su Blogger/Blogspot ::..
Per inserire il codice di un cursore personalizzato su Blogger/Blogspot ci sono due metodi,
tramite il box "Aggiungi CSS" o direttamente nel codice sorgente, entrambi semplici da eseguire
basterà modificare un po' il codice fornito nei Mini cursori del telaio
Cursore gif inserito nel box "Aggiungi CSS"
Iniziamo con il primo metodo, per chi non è molto pratico con
il codice sorgente del blog è la scelta migliore, non si rischia di fare danni.
- Per prima cosa modifichiamo il codice del cursore,
quelli che potete prelevare nel telaio hanno un codice "classico" per le pagine web
qui si spezza ma deve essere scritto/incollato tutto su una linea sostituendo il tag <body>
<!-- Mini cursore - Penelope --><body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/libro.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/libro.cur'), default;">
<!-- Mini cursore - Penelope --> |
Per inserirlo nei CSS di Blogger/Blogspot deve essere scritto così
body {
cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/libro.gif'),
url('https://www.iltelaiodipenelope.it/accessori/cursori/libro.cur'), default;
}
|
* Clicchiamo su "Design" (nella barra ad inizio pagina)
poi sul bottone "PERSONALIZZA" andiamo giù nella colonna
delle personalizzazioni e clicchiamo su "Avanzate"
Clicchiamo sulla freccetta accanto a "Testo pagina" scorriamo nel boxino
fino in fondo e clicchiamo su "Aggiungi CSS"
Incolliamo il codice del cursore nel boxino sopra o sotto altri eventuali css già inseriti
Salvate l'aggiunta cliccando sul floppy in basso a destra e il cursore è al suo posto!
L'ho inserito con questo metodo in un mio blog
Cursore gif inserito nel "Codice sorgente"
Vediamo come inserire il codice del cursore direttamente nel codice sorgente
anche in questo caso occorre modificare il codice fornito nel telaio
<!-- Mini cursore - Penelope --><body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/zucchero.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/zucchero.cur'), default;">
<!-- Mini cursore - Penelope --> |
Per inserirlo nel codice ci servirà solo questa parte
cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/zucchero.gif'),
url('https://www.iltelaiodipenelope.it/accessori/cursori/zucchero.cur'), default; |
* Clicchiamo su "Design" poi sulla freccetta nel bottone PERSONALIZZA e
nel box che si apre clicchiamo su "Modifica HTML"
Si aprirà la pagina con il codice sorgente, scorriamo giù fino ai CSS del body
il numero della riga potrebbe essere differente in base al tipo di template impostato
Incolliamo il codice del cursore subito prima della parentesi graffa di chiusura
(Per motivi di spazio ho dovuto tagliare l'immagine ma ovviamente ho incollato
tutto il codice come vi ho mostrato sopra)
- Attenzione a non cancellare nulla
Salviamo cliccando sul floppy in alto a destra e il cursore sarà visibile nel blog
L'ho inserito con questo metodo in un mio blog
Spero di essere stata chiara in tutti i passaggi ^_^
e ovviamente utile, lasciatemi un saluto e se prelevate un cursore
ricordatevi di mettere un link per il telaio
Ciao alla prossima^^ Penelope ♥
Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
|
~ Pagina visitata da 766 utenti |
H:
Buon Inverno
e ...buona domenica!
Segui il telaio su Facebook
..:: Accessori e gadget ::..
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
Anteprima... ..: html & script tutorial :..
Cbox - nuova Cbox! Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine Leggi il tutorial... e Theme editor |
|
Iframe Una delle tante piccole utilissime magie del web... "iframe" ovvero uno speciale box che ci permette di visualizzare in modo assolutamente personalizzato il contenuto di una pagina web in un qualsiasi punto del nostro spazio... Leggi il tutorial... |
|
Marquee con javascript Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto... Leggi il tutorial... |
|
Table base e style Un ottimo "strumento" per realizzare un qualsiasilavoro web, che sia un sito o un semplice gadget, si hanno a disposizione un'ampia serie di parametri che ne permettono la personalizzazione totale... Leggi il tutorial... |
|
Testo - font Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare... Leggi il tutorial... |
|
Link effetto fade Realizzare un menu particolare con questo script che permette di avere un effetto sfumato quando si passa con il mouse sui link... Leggi il tutorial... |
|
Pioggia di gif... Piccole gif che cadono come leggera pioggia, piccole magie del web! Si trovano diversi script in rete ma questo è al momento l'unico che non fa impazzire lo scroll nelle pagine e non ne sporca il codice... Leggi il tutorial... |
|
Calendario perpetuo Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript... Leggi il tutorial... |
|
Segna tempo Un segna tempo è un cronometro che si avvia quando si accede nella pagina in cui è stato inserito, un modo simpatico per interagire con i nostri visitatori... Leggi il tutorial... |
|
Sorpresine Lo script per preparare dei gadget molto simpatici, le famose sorpresine, ovvero giffette o tag che in una determinata data cambiano aspetto... Leggi il tutorial... |
| Aggiorna il box
ೡ Visita la sezione Tutorial Home
..: Spazio web...
Realizzare e gestire un sito web
con l'hosting free più famoso...
|
Link del telaio... Banner |
|