Rudi Hartanto
Tutorial Membuat Navigation Bar dengan Image Object
[email protected] http://ilmubiner.blogspot.com
Rudi Hartanto
Yang Dipelajari di Tutorial ini • Membuat navigation bar dari image button yang dibuat menggunakan program aplikasi image editor atau yang lain • Navigation bar yang dibuat memiliki efek rollover image
Rudi Hartanto
1: Persiapan • Buatlah button-button seperti di bawah ini
• Button-button di baris pertama digunakan sebagai “up” button (tampilan default) • Button-button di baris kedua digunakan sebagai “mouse over” button (tampilan saat kursor mouse di atas button –rollover image effect-) • Simpan di dalam folder images milik situs
Rudi Hartanto
2: Menambahkan Navigation Bar 1. Blok teks, hapus, kursor tetap di tempat
2. Klik 3. Klik 4. Klik
Rudi Hartanto
3. Menambahkan Navigation Bar 6. Klik
1. Isi 2. Pilih 4. Isi 3. Pilih
5. Pilih
Rudi Hartanto
4. Mengedit Navigation Bar 1. Klik
2. Klik
Rudi Hartanto
5. Mengedit Navigation Bar 1. Klik
8. Klik
2. Isi 3. Pilih 5. Isi 4. Pilih
6. Pilih
7. Ulangi step 1-6 untuk navigation button lainnya
Rudi Hartanto
6: Tampilan Hasil
Rudi Hartanto
Sekian & Terima Kasih Copyright © ilmuBiner All rights reserved