Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di keri
    Registrato dal
    Mar 2008
    Messaggi
    46

    animare pulsanti grafici?

    voglio creare dei pulsanti grafici per le pagine web da inserire al posto dei soliti menu testuali, ho gimp ed ho visto che c'è una procedura apposita che crea da sé il pulsante nelle 3 diverse versioni : link alink e vlink in modo da stabilire il loro aspetto al passaggio o al click del mouse.
    quindi mi ritrovo poi con 3 diversi file immagine.
    come devo disporli nel linguaggio web(uso xhtml con css ) per far sì che si comportino come stabilito? non l'ho mai fatto e non so se si possa fare, potreste farmi un esempio pratico di codice?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di keri
    Registrato dal
    Mar 2008
    Messaggi
    46

    autorisposta:

    visto che non ho ottenuto risposte mi rispondo da me essendomi informata per conto mio (spero nel giusto modo)
    Mi dicono che per ottenere questo tipo di effetti, serve il jscript
    vi risulta?
    Sto consultando la gjuida vquery di base su questo sito.

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    270
    confermo che uno dei modi per ottenere l'effetto che desideri è usare javascript.
    esempio:



    un altro metodo è usare i css con i vari eventi.
    esempio:
    codice:
    a.img:hover{
      background: url(tua_immagine1);
    }
    questa "tecnica" si chiama rollover quindi se hai bisogno di piu esempi basta che googli rollover pulsanti e trovi piu esempi

    spero di esserti stato utile

    ciao

  4. #4
    Utente di HTML.it L'avatar di keri
    Registrato dal
    Mar 2008
    Messaggi
    46
    Originariamente inviato da Cypher86
    confermo che uno dei modi per ottenere l'effetto che desideri è usare javascript.
    esempio:
    grazie per l'esempio pratico!

    un altro metodo è usare i css con i vari eventi.
    esempio:
    codice:
    a.img:hover{
      background: url(tua_immagine1);
    }
    questa "tecnica" si chiama rollover quindi se hai bisogno di piu esempi basta che googli rollover pulsanti e trovi piu esempi

    spero di esserti stato utile

    ciao
    Davvero si può anche con i css? era questo che mi chiedevo quando ho postato la discussione, credevo ormai che si potesse solo col javascript!
    i css li conosco un pochino, (anche se non molto a fondo ev identemente )
    sarà più facile per me usare quelli
    grazie infinite!!

  5. #5
    a.img:hover{
    background: url(tua_immagine1);
    }
    questo codice può funzionare solo se l'immagine che fa da link è trasparente (questo ha delle implicazioni di compatibilità a seconda del tipo di immagine e del browser)
    ad ogni modo dovresti cercare nel forum o su google la tecnica degli sprites
    o come diavolo si chiama, basata sullo spostamento dello sfondo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.