Jumat, 03 Agustus 2012

Dreamweaver Tutorial - Mempercantik Tabel Dengan Efek Mouse Over


Hallo semua, kali ini Dreamweaver Tutorial akan share mengenai cara Mempercantik Tabel Dengan Efek Mouse Over  sehingga terlihat lebih menarik. Langsung saja buat sebuah halaman baru kemudian simpan dan selanjutnya buat sebuah recordset seperti tutorial sebelumnya dan letakkan recordset hasil query tersebut dengan menu Dynamic Table sehingga tampilannya seperti gambar dibawah



Selanjutnya klik tabel propertiesnya, isi Border dengan nilai 1, CellSpace dengan nilai 0 dan Cellpad dengan nilai 3, kemudian letakkan tabel tersebut di tengah halaman dengan memilih Align Center sehingga terlihat seperti gambar dibawah




Selanjutnya masuk ke menu Application -- Server Behaviors -- Technocurve -- Alternate Row Colors Mouse Over


Isi First Color, Second Color dan MouseOver Color dengan warna berbeda dan isi Tr Tag dengan Tr[1], kemudian klik OK



Selanjutnya preview lewat browser sehingga tampilannya seperti gambar berikut



OK.. Dreamweaver Tutorial  mengenai cara Mempercantik Tabel Dengan Efek Mouse Over sudah selesai .. Selamat Mencoba .. !!!


EmoticonEmoticon