ForumFree

Wiki - Cursore

    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.

    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), auto }
    </style>

    E naturalmente la personalizzazione è possibile anche per i links:
    HTML
    <style type="text/css">
    a { cursor: url(link_del_puntatore), auto }
    </style>

    Sono utilizzabili quasi tutti i formati immagine, si possono quindi inserire files .bmp, .jpg, .cur, .png, .gif ed .ico.
    Alcuni browser impongono delle limitazioni nelle dimensioni del cursore, solitamente il limite è impostato a 140px x 140px: si consiglia comunque di non utilizzare immagini troppo grandi, renderebbero scomoda la navigazione.

    Cursore in forma


    È possibile modificare il cursore anche per la firma, inserendo
    HTML
    <div style="cursor: nome ">firma</div>

    E quindi è possibile anche utilizzare un immagine:
    HTML
    <div style="cursor: url(link_del_puntatore), auto ">firma</div>


    Tipi di cursore


    Il loro nome va messo dopo "cursor: ", passa sul nome per vederne un anteprima.


    auto

    default

    none

    context-menu

    help

    pointer

    progress

    wait

    cell

    crosshair

    text

    vertical-text

    alias

    copy

    move

    no-drop

    not-allowed

    all-scroll

    col-resize

    row-resize

    n-resize

    s-resize

    e-resize

    w-resize

    ns-resize

    ew-resize

    ne-resize

    nw-resize

    se-resize

    sw-resize

    nesw-resize

    nwse-resize



    Voci correlate