Membuat Efek Hollover Background Posting 2

Jika pada " Membuat Efek Hollover Background
Posting 1 " background yang digunakan hanya berupa
background dengan warna biasa saja, maka untuk kali
ini background yang digunakan adalah berupa gambar
dalam bentuk file jpg, jpeg, png atau gif. Untuk cara
membuatnya sama seperti sebelumnya, hanya kodenya
saja yang berbeda. Berikut ini adalah kodenya :

.menuhv {<br /> background-image:url(URL image anda);<br /> repeat-y<br /> box-shadow: 1px 1px 5px #CCCCCC;<br /> -webkit-box-shadow: 1px 1px 5px #CCCCCC;<br /> -moz-box-shadow: 1px 1px 5px #CCCCCC;<br /> border: 1px solid #CCCCCC;<br /> -moz-border-radius:6px;<br /> -webkit-border-radius:6px;width: 360px;margin: 6px 6px 6px 6px;<br /> padding-left: 5px;}<br /> <br /> .menuhv:hover{<br /> background-image:url(URL image anda);<br /> repeat-y<br /> box-shadow: 1px 1px 5px #CCCCCC;<br /> -webkit-box-shadow: 1px 1px 5px #CCCCCC;<br /> -moz-box-shadow: 1px 1px 5px #CCCCCC;<br /> border: 1px solid #CCCCCC;}

KETERANGAN 1 =

Masukkan URL image background milik anda
pada kode (URL image anda).

Ubah juga warna #CCCCCC sebagai warna
bayangan dasar hollovernya.

Ubah pula width: 360px, sesuaikan dengan
lebar area postingan anda.

KETERANGAN 2 = 

Pada waktu anda menulis postingnya, awali postingan
anda dengan kode <p class="menuhv"> dan
akhiri postingannya dengan kode </p>

Contohnya seperti ini =

<p class="menuhv">TEKS POSTINGAN ANDA</p>

Selamat mencoba, good luck!