Membuat Sub menu

Setelah browsing sekian lama, gak dapet-dapet juga sourcenya, akhirnya mojok di perpustakaan kampus. Alhamdulilah dapat buku tutorial macromedia dreamweaver, setelah bolak – balik halaman ketemu juga tutorialnya, dan tanpa mengetik sorce code sedikitpun.

Judulnya yaitu menggunakan action show pop-up menu, adapun cara penggunaannya sebagai berikut:

1. Pilih objek untuk diberikan menu pop-up.
2. Buka panel Behaviors dengan mengeklik menu window > behaviors.
3. Klik tombok action (+) sehingga muncul menu pop-up kemudian pilih action show pop-up menu
4. Pada kotak dialoq show pop-up menu yang muncul (pada gambar), klik tab contents kemudian lakukan pengaturan sebagai berikut:

  • Text; klikkan item pertama untuk menu pop-up.
  • Link; klik icon folder kemudian pilih dokuumen yang akan dibuka.
  • Target: tentukan target jendela browser yang akan dibuka
  • Menu; klik tombok plus (+) untuk menambah item berikutnya, atau klik tombol Minus (-) untuk mengurangi item. Untuk menggeser ukuran item klik tombol panah ke atas atau ke bawah.

5. Lanjutkan dengan mengetik tab Apperence untuk mengatur tampilan menu pop-up awal dan pada saat pointer berada di atasnya. yaitu dg cara;

  • Atur orientasi menu pop-up dengan memilih vertical menu (tampilan secata vertical) atau menu Horisontal (tampilan secata horisontal)
  • Pilih jenis huruf yng di inginkan
  • Tentukan ukurannya
  • Pilih atribut huruf dan peralatannya dengan menklik tombol Bold, Italik dan Alignment.
  • Tentukan warna teks dan sel pada saat menu pop up terlihat pada kotak up state.
  • Tentukan warna teks dan sel pada saat pointer berada di atas menu pop-up ada kotak over state.

6. Lanjutkan dengan klik tab advanced untuk mengatur property menu sel;

  • Cell Width; untuk menentukan lebar sel
  • Cell height; untuk menentuka tinggi sel
  • Cell Padding; untuk menentukan padding sel
  • Cell spacing; untuk spasi sel
  • Text indent; untuk indentasi teks
  • Menu Delay; untuk mengatur panjang waktu yang dibutuhkan pada saat user menggeser pointer di atas image sampai menu pop-up terlihat. Nilai 1000 = 1 detik
  • Pop-up border; untuk menentukan tampilan border sel
  • Border width; untuk lebar border
  • Border color; untuk warna
  • Shadow; untuk memberikan efek bayangan
  • Highlight; untuk memberikan highlight pada item yang terpilih

7. Lanjutkan dengan mengklik tab posision untuk mengatur posisi menu pop-up sperti berikut;

  • Menu position;  tentukan posisi menu pop-up pada saat tampil dengan mengklik salah satu opsi atau menentukan nilainya pada koordinat X dan Y.
  • Hide menu on onMouseOut Event; tandai kotak cek ini untuk menyembunyikan menu pop-up pada saat pointer berada di atasnya.

8. Klik tab OK untuk menerapkan menu pop up.
9. Simpan dokumen ini kemudian lihat tampilan pada browser

No comments yet

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.