Modificare l’aspetto del cursore del mouse


 

Codici HTML per l’aspetto del cursore del mouse

 

Se scorrete con il cursore del mouse su ogni codice, vi renderete conto quali aspetti può avere il puntatore. 


  • Istruzioni per l’uso:

  1. Dovete andare in HTML e ricopiare paro paro il codice interessato (se ve li segnate in un blocco note sarebbe meglio)

  2. La modifica del vostro cursorse sul testo la potrete notare andando in anteprima spazio
  3. Nell’editazione dell’intervento il cursore non cambia aspetto.
  4. Questi sono i codici classici per lo stile del cursore.
  5. L’inserimento di
    un’indirizzo nell’intervento interrompe la modifica del cursore, quindi
    se avviene ciò, subito dopo l’indirizzo dovete ripetere il codice.

Attenzione: 
E’
importante dirvi che non è possibile personalizzare i cursori a proprio
piacimento, tipo quelli animati, perché non sono consentiti gli
inserimenti di codici in Javascript nei nostri Windows Live Spaces.
Inutile, quindi, qualsiasi tentativo di personalizzazione oltre a
questi esempi che vi ho riportato qui sotto.


 

 Codici HTML per l’aspetto del cursore del mouse su un testo

 




  • codice
    per cursor – e-resize: <A style="CURSOR: e-resize"><FONT
    color=#00000>scrivi qui il tuo testo </FONT></A>


  • codice
    per cursor – n-resize: <A style="CURSOR: n-resize"><FONT
    color=#000000>scrivi qui il tuo testo </FONT></A>

  • codice
    per cursor – nw-resize: <A style="CURSOR: nw-resize"><FONT
    color=#000000>scrivi qui il tuo testo </FONT></A>


  • codice
    per cursor – w-resize: <A style="CURSOR: w-resize"><FONT
    color=#000000>scrivi qui il tuo testo </FONT></A>

  • codice
    per cursor – sw-resize: <A style="CURSOR: sw-resize"><FONT
    color=#00000>scrivi qui il tuo testo </FONT></A>

    Ora,  questi sono un esempio
    preimpostato. Ossia, il colore della scrittura l’ ho messo io per
    tirare l’esempio. Ma sicuramente vi domanderete come fare per inglobare
    quest’aspetto del mouse su tutto l’intervento.

    • Non ci vuole un santone e
      nemmeno un genio per capirlo. Quando editate un intervento, scrivete
      tutto quello che vi pare finché non avete terminato.

    • andare in html e scrivere all’inizio di tutta la pappardella questo codice: <A style="CURSOR: il nome del cursore">
    • poi scorrete tutta questa pagina tradotta in HTML ed alla fine di tutto, mettete questo codice: </A>
    • Andate in anteprima intervento e noterete il mutamento effettivo del cursore.

     



     Codici HTML per l’aspetto del cursore del mouse sull’immagine

     

    • Questo riguarda invece il mutamento del
      cursore sulle immagini, ma se siete bravi nell’uso dell’HTML, questo
      gioco lo potete fare ovunque! Adesso, passate il cursore sopra le
      immagini
                                                                

     

     

     

    • Cursor Wait:
      <IMG style="WIDTH: 200px; CURSOR: wait; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

     

     

    • Cursor help:
      <IMG style="WIDTH: 200px; CURSOR: help; HEIGHT: 149px" height=116 src=" l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor Hand:
      <IMG style="WIDTH: 200px; CURSOR: hand; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor Crosshair:
      <IMG style="WIDTH: 200px; CURSOR: crosshair; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor Text:
      <IMG style="WIDTH: 200px; CURSOR: text; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">


     

     

    • Cursor Move:
      <IMG style="WIDTH: 200px; CURSOR: move; HEIGHT: 149px" height=116 src=" l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">


     

     

     

    • <IMG style="WIDTH: 200px; CURSOR: not-allowed; HEIGHT: 149px" height=116 src="l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true"> 

     

     

    • Cursor E-Resize:
      <IMG style="WIDTH: 200px; CURSOR: e-resize; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor N-Resize:
      <IMG style="WIDTH: 200px; CURSOR: n-resize; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor NW-Resize:
      <IMG style="WIDTH: 200px; CURSOR: nw-resize; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">

     

     

    • Cursor SW-Resize:
      <IMG style="WIDTH: 200px; CURSOR: sw-resize; HEIGHT: 149px" height=116 src="
      l’indirizzo dell’immagine" width=106 iWidth="106" iHeight="29" fOriginalInfoSaved="true">


     

    Un saluto a tutti!!!

    Mat

    PiOvRa wrote on Sat Sep 17 17:27:53 UTC+0200 2005

  • This entry was posted in Uncategorized. Bookmark the permalink.

    One Response to Modificare l’aspetto del cursore del mouse

    1. Alessia says:

      Weiii…
      bello qua! E anke molto utile^^
      Volevo kiederti un informazione…sai se si puo mettere un  cursore unico in tutto il blog?
      L\’ho visto fatto in alcuni siti di grafika ma nn trovo il modo x il blog di msn…
      Se puoi farmi sapere sresti molto gentile.. grz 1ooo in anticipo*
      Byeee   basiiiiii 😄

    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out / Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out / Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out / Change )

    Connecting to %s