Membuat Efek Hollover Background Posting 1

Efek yang dimaksud pada judul di atas adalah seperti
yang anda lihat pada postingan ini. Pada awalnya
background postingan ini berwarna putih, namun
setelah anda meletakkan cursor di atasnya, maka
warnanya berubah menjadi warna biru muda. Itulah
yang akan kita bahas pada kesempatan kali ini.
Langsung saja deh kita ke cara membuatnya.

1.   Masuk ke Edit HTML.

2.   Cari kode </b:skin>

3.   Copy kode berikut ini :

.menuhv {
background: #FFFFFF;
box-shadow: 2px 2px 5px #9900FF;
-webkit-box-shadow: 2px 2px 5px #9900FF;
-moz-box-shadow: 2px 2px 5px #9900FF;
border: 1px solid #9900FF;
-moz-border-radius:8px;
-webkit-border-radius:8px;width: 360px;margin: 6px 6px 6px 6px;
padding-left: 5px;}

.menuhv:hover{
background: #00FFFF;
box-shadow: 2px 2px 5px #9900FF;
-webkit-box-shadow: 2px 2px 5px #9900FF;
-moz-box-shadow: 2px 2px 5px #9900FF;
border: 1px solid #9900FF;}

4.   Letakkan kode tersebut di atas
      kode </b:skin> ini.


KETERANGAN =

Ubahlah warna background #FFFFFF dan #00FFFF
dengan warna yang anda inginkan.

Ubah juga warna #9900FF sebagai warna
bayangan dasar hollovernya.

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

5.   Pada waktu memposting, awali postingan anda
      dengan kode <p class="menuhv">; dan
      akhiri postingan anda dengan kode </p>

      Contohnya seperti ini :

<p class="menuhv">Tulisan postingnya di sini</p>

Selamat mencoba, semoga berhasil.
Sukses buat anda, good luck!