Immagini con effetto rollover

Per creare immagini o bottoni con effetto rollover sia sullo sfondo che sul testo inserire nel CSS:


      a.nomeclasse {
    width: 150px;
    height: 50px;
    color: #cccccc;
    padding: 5px;
    text-decoration:none;
    display: block;
    background-image : url(immagini/immagine1.jpg);
    background-repeat: no-repeat;
    }

    a.nomeclasse:hover {
    width: 150px;
    height: 50px;
    color: #000000;
    padding: 5px;
    text-decoration:none;
    display: block;
    background-image : url(immagini/immagine2.jpg);
    background-repeat: no-repeat;
    }

… e nel template inserire:


<a href="http://www.pagina.xy" class="nomeclasse" >Testo</a>

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...