Pagina aggiornata... Sabato, 11 maggio 2024 * Tempo di caricamento 0.11 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 Penelope prove grafiche...

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

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 Link e Banner
Ciao alla prossima^^ Penelope ♥




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  




~ Pagina visitata da 499 utenti


  H:
Felice Estate e ...buona domenica!





Segui il telaio su Facebook

..:: Accessori e gadget ::..




ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot


Anteprima...
..: html & script tutorial :..


Contenitori div invisibili

Div, contenitore/box quasi essenziale nel mondo web, piccola guida su come usarli senza bordi colorati, ovvero invisibili per realizzare particolari accessori e gadget
Leggi il tutorial...

Contenitori div colorati

Div con bordi e base colorati, vediamo quali sono i parametri necessari per avere dei contenitori assolutamente personalizzati
Leggi il tutorial...

Caratteri speciali html

Raccolta di caratteri speciali html necessari in alcuni script e pagine web...
Leggi il tutorial...

CSS table struttura sito

Come scrivere le classi per delle table e celle che useremo come contenitori per realizzare una pagina web/home sito...
Leggi il tutorial...

Marquee

Un modo simpatico e sicuramente visibile per attirare l'attenzione in punti specifici di una pagina, scrittine o immagini che camminano...
Leggi il tutorial...

Sito responsive con flexbox

Realizzare uno spazio web ottimizzato per tutti i dispositivi con i css e il modello flexbox, tante proprietà specifiche che consentono di "costruire" un sito bello, leggero e assolutamente responsive...
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...

Testo effetto macchina da scrivere

Un effetto molto carino e semplice da configurare e personalizzare per scrivere dei messaggi da visualizzare all'entrata di una pagina...
Leggi il tutorial...

Box scroller

Script per box con scroll particolare, vediamo il codice e le personalizzazioni possibili...
Leggi il tutorial...

Datario con saluto

Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...
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...



Gif & co... Penelope ♥

iltelaiodipenelope.it^^
 Link del telaio...
Banner




I vostri messaggi...

Elise
05/09/2024 17:06:43
Ciao Penelope, ho prelevato due adottini "amo l'Inverno", come sempre sei bravissima!!!!!Grazie un abbraccione e buona serataElise
ೡ Scritto in... I love Winter...
 
DanyGraphic
31/08/2024 05:19:19
Sono passata per un saluto ....è sempre un piacere navigare nel tuo sito. Buon fine settimana
ೡ Scritto in... Home
 
Elise
02/08/2024 09:42:01
Ciao Penelope, sono contenta che ti ricordi di me, ti dirò anche io sto poco al PC è un caldo veramente esagerato!!! Continuerò a seguirti , troppo belle le tue creazioni.Grazie un abbraccione e buona estate anche a te
ೡ Scritto in... Home
 
Elise
20/07/2024 16:43:26
Ciao Penelope, ho preso un tuo bellissimo bottone top Home, spero non ti dispiaccia.Ti ringrazio.Un abbraccioneElise
ೡ Scritto in... Bottoni top page tag e pixel
 
Elise
19/07/2024 12:02:47
Ciao Penelope, non so se ti ricordi di me, io è un pò che non vado sul blog, volevo solo dirti che che ho preso la stagione estate, sei bravissima Grazie e alla prossimaElise
ೡ Scritto in... Stagione attuale vintage...
 
Grazia
18/07/2024 19:42:31
Ciao Penelope carissima, sono passata per un salutino ♥ Qui sempre bellissimo :) Sto lavorando al sitino in HTML nuovo ma fa caldissimo e mi sciolgo davanti al pc. Spero di metterlo online presto, tra i lavori handmade e la scrittura è arduo ma ci tengo a ritornare più attiva online♥ Smackete e buonissima estate a te ed ai ragazzi, dolce amica storica :D
ೡ Scritto in... Home
 
Miryam
07/06/2024 15:32:30
Ciao Penelope, sono venuta a sbirciare il tuo sito dopo aver visto un tuo commento sul blog di Arwen. Penso proprio che userò qualcuna delle tue fatine per uno dei miei siti prossimamente... Ti terrò informata! Torno a trovarti... Buon weekend!
ೡ Scritto in... Home
 
Sabry
27/05/2024 09:09:32
Grazie per tutto, ti seguo da anni ormai e ammiro molto il tuo lavoro ... ho preso con piacere dei tuoi gadget ♥
ೡ ...commentario
 
Lu
23/05/2024 20:47:56
Grazie mille per il suggerimento, cara Penelope! Ci proverò finché non ci riuscirò. Quando sarà pronto te lo mostrerò.
ೡ Scritto in... Home
 
ೡPenelope ♥
23/05/2024 19:53:31
Ciao Lu puoi utilizzare una table o un div a cui inserire la tua immagine come sfondo, qui c'è il tutorial per le table [Link] si procede nello stesso modo nei div con background-image, e poi inserisci il codice del calendario, nella cella della table o all'interno del div
ೡ Scritto in... Calendario perpetuo