TUTORIAL™

Cara Pasang Tiga Menu Di Blog

Keterangan: Menu Slide Omni adalah menu slideout serbaguna yang bereaksi terhadap mouse melayang di atas dan keluar dari itu. Mendukung fitur yang cukup untuk membuat gulungan kepala Anda, meskipun pengaturan default hanya membutuhkan waktu satu detik untuk melaksanakan. Semua pengaturan ke menu dilakukan di dalam file js eksternal.. Berikut daftar beberapa fitur utama script ini:


     Mendukung 3 jenis orientasi-kiri, atas, atau kanan dari tepi browser.
     Mendukung beberapa contoh menu pada halaman yang sama, masing-masing dengan pengaturan mereka sendiri independen opsional.
     Menu dapat diatur untuk selalu muncul dalam tampilan sebagai pengguna gulungan halaman dengan pilihan antara dua perilaku-posisi "absolut" atau "fixed" posisi. Untuk kemudian, menu akan muncul diam bahkan ketika halaman tersebut menggulir untuk browser yang mendukungnya. Browser pendukung Non (IE6 dan bawah) hanya akan turun kembali ke posisi "absolut".
     Hampir semua aspek dari dimensi menu dan warna dapat dengan mudah diatur. Menghubungkan penargetan juga didukung.

Seperti yang Anda lihat, jika Anda membutuhkan menu slideout, Slide Omni adalah seorang cowok Anda!

Demo: Lihatlah di sekitar Anda!

Klau Ma Yang Jadi Copy Kode Yng di Bawah Sobat
 

<style type="text/css"> /*Menu Links*/ /*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes may be inherited in some browsers from other 'a' element styles (if any) on the page*/ #menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;} #menu1 a:active {color:black;text-decoration:none;} #menu1 a:hover {color:black;background-color:#FFFF99} #menu1 a:visited {color:black;text-decoration:none;} #menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;} #menu2 a:active {color:blue;text-decoration:none;} #menu2 a:visited {color:blue;text-decoration:none;} #menu2 a:hover {color:navy;background-color:#f0fea8} #menu3 a { /*Menu3 Links*/ color:black; background-color:white; text-decoration:none; text-indent:1ex; } #menu3 a:hover { color:black;background-color:#FFFF99; } #menu3 a:active {color:black;text-decoration:none;} #menu3 a:visited {color:black;text-decoration:none;} /*End Menu Links*/ </style> <script src="menu.js" type="text/javascript"></script> <script src="menuItems.js" type="text/javascript"> /*********************************************** * Omni Slide Menu script - © Selladrt * very freely adapted from Drtsella-FX Slide-In Menu (v 6.5) script- by maXimus * This notice MUST stay intact for legal use * Visit Desain at http://mkrgayamdesain.blogspot.com/ for full original source code * as first mentioned in http://bloggertutoria.blogspot.comforums * username:jscheuer1 ***********************************************/ </script>

Arah: Cukup download omnislide.zip zip file, yang berisi file-file yang membentuk menu ini, ditambah halaman demo:

     menuItems.js
     menu.js
     demo.htm
    properties.htm

Lihat "demo.htm" untuk kode untuk menyisipkan ke halaman Anda sendiri sementara mengacu properties.htm jika perlu untuk penjelasan tentang berbagai pilihan yang tersedia untuk menyesuaikan menu ini (dalam menuItems.js).

Sekian Dulu Dariku Sobat..