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 anda, saya telah menyiapkan paket seluruh bahan yang dibutuhkan untuk membuat menu dropdown ini, anda cukup mendownloadnya Disini.  Atau download via mediafire Disini

Tapi tidak ada salahnya saya membagikan cara membuatnya. Silakan anda lihat demonya 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 anda gunakan (minimal notepad) lalu copy paste script dibawah ini, atau jika anda sudah punya disain web, dan anda ingin memasang menu dropdown, silakan buka coding web anda, kemudian sisipkan script berikut ini sesuai dan sesuaikan dengan letak pada web anda.



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

Membuat Menu Dropdown Superfish Dengan CSS Dan JQuery

Anda bisa menggunakan Adobe Photoshop untuk mendapatkan kode warna, silakan anda utak-atik sendiri sesuai keinginan anda.

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