Minggu, 11 Februari 2018

Membuat Menu Animasi dengan CSS Menu Generator

Semua dibentuk serba mudah, tapi seharusnya dengan akomodasi itu kita bisa mencar ilmu lebih simpel juga. Sebagai contoh menciptakan Horizontal Menu, Vertical Menu, Combo Box Menu, dan Pull Down Menu dengan CSS Menu Generator. Sangat simpel dan pantas untuk dicoba, Jika anda ingin mencobanya silahkan unduh 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.

 tapi seharusnya dengan akomodasi itu kita bisa mencar ilmu lebih simpel juga Membuat Menu Animasi dengan CSS Menu Generator

- New : Untuk menciptakan 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 menciptakan design pada Horizontal Menu, Vertical Menu, Combo Box Menu, dan Pull Down Menu tinggal menentukan pada tab hidangan yang sudah disediakan, lalu atur sesuai dengan impian anda.

 tapi seharusnya dengan akomodasi itu kita bisa mencar ilmu lebih simpel juga Membuat Menu Animasi dengan CSS Menu Generator

- Background : Untuk menciptakan warna background
- Text Color : Untuk menciptakan warna text
- Active Background : Untuk menciptakan warna background hidangan yang aktif.
- Border Color : Untuk menciptakan 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 sehabis diedit.

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

 tapi seharusnya dengan akomodasi itu kita bisa mencar ilmu lebih simpel juga Membuat Menu Animasi dengan CSS Menu Generator

Selamat Mencoba


Sumber http://www.tips-trick.com

Tidak ada komentar:

Posting Komentar