Halaman

  • Web
  • Misther.co.cc

  • Menu 3 Level dengan CSS & JQuery

    Tidak dapat disangkal lagi bahwa menu dengan sub submenu (3 level) merupakan komponen yang cukup sering dipakai dalam beberapa website, terutama jika website tersebut memiliki struktur navigasi halaman yang  ‘beranak bercucu’. Okay langsung saja, disini ada beberapa bumbu yang saya gunakan dalam pembuatan menu 3 level ini, yaitu:
    • CSS 2.0
    • JQuery
    • XHTML
    Dengan struktur file sebagai berikut:
    • /menu.html
    • /menu.css
    • /script.js
    • /jquery-1.4.2.min.js

    MENGATUR DAFTAR ISI

    Untuk mengatur daftar isi seperti text dan link supaya lebih rapih di lihatnya.
    kita akan menggunakan kode OL(ordered list) UL(unordered list) dan LI(list item).
    Contoh kita akan mengatur text atau linknya dengan menggunakan UL dan LI .
    Contoh:

    Membuat Membuka Link Di Tab Baru

       Pernah ga anda klik link dan munculnya di tab baru?  Mau membuatnya juga? ikuti langkah di bawah ini :

    *Biasanya pada link kodenya akan seperti ini :

               <a href='http://bloganda.com'>Blog Anda</a>

    *Untuk membuatnya terbuka di tab baru ganti dengan :

    <a href="#" target="_blank" rel="dofollow" onclick="window.open('http://bloganda.com'); return false;">Blog Anda</a>

    Cat : Ganti teks yang berwarna merah dengan Alamat Link yang  inginkan
            Ganti teks yang berwarna Biru dengan kata yang akan muncul mewakili Alamat Link

    Selamat Mencoba :D