Membuat Menu Animasi dengan CSS Menu Generator

Posted by

Semua dibuat serba mudah, tapi seharusnya dengan kemudahan itu kita bisa belajar lebih mudah juga. Sebagai contoh membuat Horizontal Menu, Vertical Menu, Combo Box Menu, dan Pull Down Menu dengan CSS Menu Generator. Sangat mudah dan pantas untuk dicoba, Jika anda ingin mencobanya silahkan download dulu CSS Menu Generator disini. Untuk memudahkan penggunaan dan cara memasangnya silahkan lanjutkan bacanya ya.....


1. Menu Item
Berguna untuk membuat, mengedit, ataupun menghapus Item Menu, Misalkan Home, Profile, Galery, dll.



- New : Untuk membuat Item Menu baru
- New Sub Item : Untuk Membuat Sub menu
- Edit : Untuk mengedit item, baik mengganti nama maupun merubah nama link
- Delete : Untuk menghapus Item Menu
- Clear All : Untuk membersihkan semua
- Open : Untuk membuka settingan yang pernah disimpan.

2. Design pada Menu
Untuk membuat design pada Horizontal Menu, Vertical Menu, Combo Box Menu, dan Pull Down Menu tinggal memilih pada tab menu yang sudah disediakan, kemudian atur sesuai dengan keinginan anda.



- Background : Untuk membuat warna background
- Text Color : Untuk membuat warna text
- Active Background : Untuk membuat warna background menu yang aktif.
- Border Color : Untuk membuat warna pada garis luar
- Separator Color : Untuk memberi warna batas antar menu
- Selected Item : Memilih Item menu
- Font Family : merubah model font yang akan digunakan.
- Font Style : Style teks
- Font Size : Ukuran Font
- Font Weight : Efek font
- Top : Batas dari atas
- Left : Batas dari kiri
- Right : Batas dari kanan
- Buttom : Batas dari bawah
- Class : Nama untuk kelasnya (Istilah gampangnya sebagai penyambung lidah antara CSS dengan HTMLnya)
- Refresh : Untuk melihat hasil setelah diedit.

3. HTML/CSS Kode
Untuk memasukkan kode didalam website atau blog, ada pada tab menu ini. Karena saya pengguna template klasik pada blogger saya memasukkan kode CSS diantara kode <head> dan </head> dan kemudian meletakkan kode HTMLnya diantara <body> dan </body> atau lebih tepatnya saya taruh di sidebar.



Selamat Mencoba


<
Blog, Updated at: 09.10

3 komentar:

  1. Terima kasih

    Kalau mengisi tabmenu-nya gimana caranya

    BalasHapus
  2. haloooo..
    dalam artikel ini kita dianjurkan untuk mendownload CSS menu generator terlebih dahulu,
    disini dibuat 3 langkah cara membuat menu animasi dengan CSS menu generator,dan dalam stiap langkah dijelaskan kegunaan setiap menu dengan contoh menu item, desain pada menu, dan kegunaan HTML/CSS kode..oiya penulis juga membuat semua kegunaan setiap menu item didalamnya.
    thanks admin


    jangan lupa kunjungi website kampus kami http://www.atmaluhur.ac.id

    dan website saya https://akbarfitriansyah.mahasiswa.atmaluhur.ac.id

    BalasHapus