[CSS] Modificare cursore mouse

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    Antho Dreams


    Group
    Zucchino
    Posts
    19,818
    Location
    Vicenza

    Status
    Offline
    Cos'è
    Il cursore, o puntatore, è la freccia indicativa dei movimenti fatti col mouse. Il cursore standard nel web è la semplice freccina bianca, che cambia a seconda dei link, del caricamento di una pagina o semplicemente quando lo si passa su del normale testo.

    Come modificarlo
    Il puntatore può essere modificato agendo tramite CSS, scegliendo che cursore dare al body della pagina o per i link presenti all'interno, inserendo il codice in Gestione codici HTML nel box "In cima al forum". La parte da modificare è il nome, che va sostituito con un altro presente in questa lista.
    Body

    HTML
    <style type="text/css">
    body { cursor: nome }
    </style>


    Links

    HTML
    <style type="text/css">
    a { cursor: nome }
    </style>


    Si può anche personalizzare il puntatore con un'immagine personalizzata; è sufficiente modificare questo codice, sostituendo a link_del_puntatore l'URL del'immagine da utilizzare:

    HTML
    <style type="text/css">
    body { cursor: url('link_del_puntatore') }
    </style>


    Ricordare che l'immagine per il puntatore deve finire necessariamente in .cur, .ico o .ani. Per reperire questi file si può utilizzare un servizio apposito.

    Cursore in firma
    È possibile modificare il cursore anche per la firma, inserendo

    HTML
    <div style="cursor: nome_cursore">firma</div>


    I nomi dei cursori sono:

    Auto

    Crosshair

    Default

    Pointer

    Move

    e-resize

    ne-resize

    nw-resize

    n-resize

    se-resize

    sw-resize

    s-resize

    w-resize

    text

    wait

    help


    Fonte:

    Wiki

     
    Top
    .
0 replies since 7/4/2013, 14:59   22 views
  Share  
.