Menu:


  

  

  

  


Se ti piacciono le mie pagine
e ti sono state utili.....
Questi sono due dei i mie bannerini!
Preleva il codice ed incollalo dove vuoi!




  

  

  

  


Una chattina dove puoi lasciare
un messaggio,un saluto od una
segnalazione non può mancare ^__^


  

  

  

  


  

  

  

  


Se ti va di fare una
partita a Bubble blob,
clicca sul link qui sotto!


  

  

  

 

Un mio bannerino,pronto
da inserire dove vuoi!



  

  

  





Page 4

Ciao e Benvenuto nel mio sito!   ♥


In questa pagina troverai i codici che permettono di modificare il puntatore
del mouse,dei puntatori già pronti da prelevare e delle immagini
con cui potrai personalizzare a piacere il tuo cursore!
Buon divertimento!




♥Iniziamo con i codici base!

I CSS sono molto comodi a tal proposito! La sintassi di base è questa:


<style type="text/css">
nome-elemento{cursor: tipo di cursore;}
</style>

Dove "nome-elemento" può essere ad esempio "link" o "button" se si vuole cambiare
la forma del cursore quando lo si posiziona sopra un link o sopra un bottone.
Può essere anche un div se vuoi un puntatore diverso solo nella zona che il div delimita.
Una tabella,un titolo e così via... Come più ti piace!

I tipi di cursore previsti nei CSS sono diversi.Li puoite vedere nella tabella qui sotto!
Provali passandoci sopra il mouse^^




Oltre ai tipi di cursore prestabiliti nei CSS,è possibile utilizzare un'immagine propria.
L'esempio lo vedi nella tabella alla voce "image".
La sintassi è questa:

<style type="text/css" >
nome-elemento { cursor:url('pointer.cur'),auto; }
</style>

Puoi usare anche immagini .gif .jpg .png
L'estensione .cur serve per la visualizzazione nel Browser Internet Explorer.

Puoi usare lo stile in linea solo per un elemento,se ti occorre ,così:

<p style="cursor:cell">

passa il cursore qui sopra



Infine si può estendere a tutto il <body> della pagina il cursore prescelto
con un codice da inserire al posto del tag <body>,così:

<body style="cursor: url('url_immagine.gif'), url('url_immagine.cur'), default;">


♥Codice per associare una frase al cursore!


Puoi osservare l'effetto nella tabella qui sotto!
Al testo è stata aggiunta anche un'immagine
ma si può escludere,come vedremo!


Come procedere:

Step 1: incolla lo script che trovi di seguito tra <head> ed </head>





Step2: richiama lo script nel <body> con questo codice:





Se si vuole solo una scrittina senza immagine associata,questo è il codice:



NB: Cursori pronti ed immagini per puntatori a pagina 5!


.......................................


A presto e buon Proseguimento!
Francesca ♥




ೡ Lily of the Valley online da...


Pagine:

Page1♥  Page2♥  Page3♥  Page4♥  Page5♥  Page6♥  Page6♥ 


^..^ Sei a pagina n°4


Page10 Page10