Guida ai cursori

come modificare il puntatore del mouse

« Older   Newer »
 
  Share  
.
  1. ~ Master Chief
     
    .

    User deleted


    Vi spieghero come modificare il cursore del mouse nel forum e anche in firma.
    Andate in Gestione codici html e inserite uno di questi codici In cima al forum, dovete sostituire nome con il nome del cursore:

    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>

    N.B. 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.

    Il cursore si può anche inserire in firma utilizzando:
    HTML
    <div style="cursor: nome_cursore">firma</div>



    Ecco i cursori più comuni:

    Auto

    Il cursore viene definito in base alle impostazioni automatiche di default del browser

    PASSA QUI IL MOUSE PER UNA PROVA



    Crosshair

    Il browser visualizza il cursore con la classica croce (che potrebbe sembrare anche un mirino)

    PASSA QUI IL MOUSE PER UNA PROVA



    Default

    Il browser visualizza il puntatore sempre nella sua forma standard (solitamente una freccia rivolta verso l'alto a sinistra)

    PASSA QUI IL MOUSE PER UNA PROVA



    Pointer

    Il cursore assume per tutto il documento la forma della mano.

    PASSA QUI IL MOUSE PER UNA PROVA



    Move

    Il cursore assume la forma tipica degli elementi trascinati

    PASSA QUI IL MOUSE PER UNA PROVA



    e-resize

    Il cursore assume la forma di una freccia verso sinistra (tipicamente attivata quando si ridimensionano finestre o oggetti)

    PASSA QUI IL MOUSE PER UNA PROVA



    ne-resize

    Freccia di default rivolta in alto a destra

    PASSA QUI IL MOUSE PER UNA PROVA



    nw-resize

    Freccia rivolta verso l'alto a sinistra (questo stile si differenzia da "default" visto in precedenza, perche' quest'ultimo assegna il cursore in base alle impostazione del browser, mentre quest'ultimo stabilisce tout court il cursore con freccia rivolta verso l'alto a sinistra, anche se le impostazione del browser sono differenti)

    PASSA QUI IL MOUSE PER UNA PROVA



    n-resize

    Freccia non-standard rivolta verso l'alto.

    PASSA QUI IL MOUSE PER UNA PROVA




    se-resize

    Freccia standard rivolta verso il basso a destra

    PASSA QUI IL MOUSE PER UNA PROVA



    sw-resize

    Freccia standard rivolta verso il basso a sinistra.

    PASSA QUI IL MOUSE PER UNA PROVA



    s-resize

    Freccia non-standard rivolta verso il basso.

    PASSA QUI IL MOUSE PER UNA PROVA



    w-resize

    Freccia non-standard rivolta verso sinistra

    PASSA QUI IL MOUSE PER UNA PROVA



    text

    Al cursore viene assegnata la tipica forma della barra verticale che i browser impostano quando incontrano testo senza link o immagini.

    PASSA QUI IL MOUSE PER UNA PROVA



    wait

    Il classico cursore a forma di clessidra od orologio.

    PASSA QUI IL MOUSE PER UNA PROVA



    help

    Il cursore a forma di punto interrogativo o fumetto, che solitamente indica la possibilita' di ottenere maggiori informazioni sull'oggetto.

    PASSA QUI IL MOUSE PER UNA PROVA



    Fonte: Skinlab

    Edited by ~ Master Chief - 4/11/2008, 18:37
     
    Top
    .
  2. Ðante`
     
    .

    User deleted


    Fonte: Supporto ForumFree
     
    Top
    .
  3. ~ Master Chief
     
    .

    User deleted


    Skinlab. Comunque devo aggiungere ancora un po'di cose.
     
    Top
    .
  4. perazz98
     
    .

    User deleted


    ma io nn capisco a cosa serve :blink:
     
    Top
    .
  5. ~ Master Chief
     
    .

    User deleted


    Puoi modificare la frecceta del mouse entrando nel tuo forum o nella tua firma.
     
    Top
    .
  6. trilli97
     
    .

    User deleted


    chi mi da dei siti x trasformare il formato delle imm in .ico .cur o .ani ??
     
    Top
    .
  7.  
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    QUOTE (trilli97 @ 22/2/2009, 19:13)
    chi mi da dei siti x trasformare il formato delle imm in .ico .cur o .ani ??

    http://www.html-kit.com/e/favicon.cgi
    http://tools.dynamicdrive.com/favicon
    Web
     
    Top
    .
  8. _ASRoma1927_
     
    .

    User deleted


    scusate ho trasformato l'immagine in .ico!!ma ora come faccio a ricavare il codice???su tinypic non me la hosta!!risp
     
    Top
    .
  9.  
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    http://postimage.org/
    Web
     
    Top
    .
  10. _ASRoma1927_
     
    .

    User deleted


    mi dice tipo di immagine non valida
     
    Top
    .
  11.  
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    http://www.html-kit.com/e/favicon.cgi

    lo fornisce il supporto...prova...
    Web
     
    Top
    .
  12. _ASRoma1927_
     
    .

    User deleted


    sinceramente non ho capito come si fa......
    cioe io questa immagine vorrei mettere come cursore



    l'ho trasformata in .ico ma nn so come hostarla o come ottenere un codice
     
    Top
    .
  13.  
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    ...la salvi sul pc e poi la hosti con quel link...semplice no ?
    Web
     
    Top
    .
  14. _ASRoma1927_
     
    .

    User deleted


    CITAZIONE (<eric_draven> @ 7/4/2009, 17:38)
    ...la salvi sul pc e poi la hosti con quel link...semplice no ?

    nn si hosta con quel link!!!oppure non ho capito come si fa ad hostare con quel link....
     
    Top
    .
  15.  
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    allora apri il link, clicca su browse e scegli l'immagine...che (se non erro) deve essere 16x16
    Web
     
    Top
    .
24 replies since 4/11/2008, 18:31   1019 views
  Share  
.