Home » » Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery

Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery

Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery
Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery | Gho Blog's - Pentingnya menu sebagai navigasi dari sebuah web ada sesuatu hal yang wajib, agar mempermudah pengguna website dalam menemukan konten yang dicari. Posting kali ini saya akan membagi cara membuat menu drop down menggunakan CSS dan JQuery. Atas request seorang teman, tampilan menu yang akan saya buat bernuansa hitam.

Seperti biasa, untuk mempermudah sobat semua, saya telah menyiapkan paket seluruh bahan yang dibutuhkan untuk membuat menu dropdown ini, sobat cukup mendownloadnya melalui link yang berada di bawah posting.

Tapi tidak ada salahnya sebelum saya membagikan cara membuatnya. Silakan sobat lihat dulu demo-nya Disini.

Langkah pertama dan seperti biasanya lagi, buat tiga buah folder / directory berikut ini :
  • js (letakkan seluruh file *.js didalamnya)
  • css (letakkan seluruh file *.css didalamnya)
  • images (letakkan seluruh image pendukung didalamnya)
Langkah selanjutnya membuat script HTML untuk menampilkan menu yang akan kita buat. Buka text editor yang biasa sobat gunakan (minimal notepad) lalu copy paste script dibawah ini, atau jika sobat sudah punya disain web, dan sobat ingin memasang menu dropdown, silakan buka coding web sobat, kemudian sisipkan script berikut ini sesuai dan sesuaikan dengan letak pada web sobat.



Sobat tinggal menyesuaikan link pada perintah <a href="......">.....</a> dengan url link web sobat.
Jika sobat tidak menyukai warna menu yang saya buat, dan sobat ingin mengganti sesuai dengan selera kalian, cukup sobat buka superfish.css yang berada pada folder/directory css kemudia edit warna sesuai keinginan kalian. Perhatikan gambar dibawah ini, dsini bagian inilah kita dapat memainkan warnanya :

Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery

Sobat bisa menggunakan Adobe Photoshop untuk mendapatkan kode warna, silakan sobat utak-atik sendiri sesuai keinginan kalian.

Silakan download full source code nya melelui link di bawah ini :







Sekian dulu artikel saya berjudul Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery. Selamat Mencoba dan semoga bermanfaat ......




Share Posting Ini :


Berlanggan Artikel Via Email Dari Gho Blog's, GRATIS...! KLIK DISINI


0 komentar :

Posting Komentar

Berhubung Makin Banyaknya Komentar Yang Tidak Mematuhi Peraturan, Maka Setiap Komentar Yang Masuk Akan Di Moderasi (Diterbitkan Atas Persetujuan) Oleh Admin Terlebih Dulu.

Aturan Berkomentar
1. Silakan Berkomentar Dengan Baik Dan Sopan.
2. Komentar Sesuai Topik Artikel
3. Mohon Untuk Tidak Mencantumkan Link Aktif Pada Komentar.
4. Mohon Untuk Tidak Promosi Produk Disini (Dianggap Spam).
5. Komentar Menggunakan Akun Personal (mis. Akun Google), Bukan Akun Nama Produk Barang (Dianggap Promosi) dan Nama yang Mengarah ke URL Tertentu (Dianggap Spam).
6. Bila Komentar Tidak Sesuai Aturan Diatas Maka Komentar Tidak Diterbitkan Dan Akan Saya Hapus.

Spam = Delete...!!
Promosi = Spam = Delete...!!

Komentar Yang Sesuai Aturan akan Diterbitkan Selambat-Lambatnya Dalam 1x24 Jam.

-->Untuk Pertanyaan Yang Dirasa Penting (Urgent) Silakan Contact Saya Melalui Email Pada Link Berikut Ini : Contact Us


<-- Thank's -->

 
Copyright © 2014. Gho - Blog's - All Rights Reserved
Template Created by Creating Website Published by Mas Template