Visualizzazione dei risultati da 1 a 5 su 5

Discussione: banner on mouse over

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344

    banner on mouse over

    Buongiorno a tutti,
    e ben ritrovati su questo forum indispensabile.

    I tempi cambiano e non è facile stare dietro a tutte le innovazioni tecnologiche.

    Ho la necessità di realizzare banner con interazioni anche minime come ad esempi, immagine, on mouse over seconda immagine.

    Potete consigliarmi dei software el momento oppure quanto è complesso via codice.

    Grazie a tutti.
    b


  2. #2
    Puoi farlo semplicemente con i CSS utilizzando il comando :hover ... un esempio:
    codice:
    <head>
    
    <style>
    .prova {width: 245px; height: 275px; background-image: url(img/prova_su.png);background-repeat:no-repeat;}
    .prova:hover {background-image: url(img/prova_giu.png) ;}
    .prova {
    position:relative;
    left: 5px;
    top: -30px;
    width: 240px;
    height: 275px;
    padding:0px 0px 0px 3px;
    }
    .prova2{
    width: 245px;
    height: 275px;
    }
    </style>
    
    </head>
    <body>
    <div class="prova"><div class='prova2'></div></div>
    </body>
    puoi vedere il risultato finale qui http://www.tresorelle.altervista.org/ciao.html

  3. #3
    Basta cambiare il nome ( e il percorso) dell'immagine sul CSS alla voce : background-image:url("QUI INSERISCI IL NOME");

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    Ciao Dark,
    grazie mille!

    Una domanda ancora nel caso in cui mi trovi ad inserire il banner in un file css già esistente quale parte del codice devo mettere?

    Tu li conisgli i sw che generano questi banner?

    Grazie,
    B

  5. #5
    Il file css è tutto quello tra i tag <STYLE> e </STYLE> ...se come SW intendi delle cose fatte in flash , non le consiglio ..con questo BOOM dell'apple flash è andato a farsi benedire...


    PS: ovviamente l'html della pagina è importante per il CSS perche' i nomi ID o CLASS che vengono richiamati nel CSS devono stare nell'html pure...per esempio la classe .prova ...nell'html ci deve essere qualche oggetto con quella classe altrimenti il css non fa nulla...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.