zFPmenu

Mencari sahabat – Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan).

zFPmenu Code

Masukkan kode ini ke halaman web Anda (sebelum tag </ body> tag):

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Place ads, text message, or anything here.
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="">YOUR MENU-1</a></li>
<li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a>
   <ul>
      <li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
         <ul>
            <li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>
            <li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>
         </ul>
      </li>
      <li><a href="">YOUR SUBMENU 2.2</a></li>
      <li><a href="">YOUR SUBMENU 2.3</a></li>
   </ul>
</li>
<li><a href="">YOUR MENU 3</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
<!-- zFPmenu END -->

 

Penggunaan / Konfigurasi
Menu

Ganti menu dengan menu sendiri. Tempat class = "dir" atribut dalam tag li di mana Anda ingin menambahkan submenu.
Mengatur / Variabel

Anda dapat mengubah warna tema dan berbagi pengaturan tombol visibilitas.

• var zfpm_colorTheme 'ringan' =;

     Mengatur warna tema untuk menu widget.
     Valid input: 'ringan' atau 'gelap' 

• zfpm_shareBox var = 'tidak'
       Tampilkan Twitter 'Retweet',, agar 'Saham' dan agar 'Suka' tombol (menggunakan widget LinksAlpha) atau tidak.
       Valid input: 'ya' atau 'tidak' 

Setting Pratinjau
Warna tema:
Tampilkan berbagi kotak:


Daftar Variabel Lengkap

•  var zfpm_colorTheme 'ringan' =; input yang valid: 'gelap' atau 'cahaya'.

•      zfpm_customBackgroundImage var =''; masukan yang valid: URL lengkap dari suatu gambar.

•      zfpm_customBackgroundColor var =''; masukan yang valid: contoh: '# 999999'.

•      zfpm_shareBox var = 'ya'; input yang valid: 'ya' atau 'tidak'.

•      zfpm_shareBoxPosition var 'benar' =; input yang valid: 'kiri' atau 'benar'.

•      zfpm_shareBoxCustomWidth var =''; masukan yang valid: contoh: '300 '.

•      zfpm_waitForPageLoad var = 'ya'; input yang valid: 'ya' atau 'tidak'.

Upper Box

 Anda juga dapat menempatkan pesan teks, iklan, atau apa pun yang Anda suka di kotak div dengan zfpm_upperBox ID (diatas menu).

 Peringatan

 Script ini tidak desain untuk Internet Explorer 6 browser.

Sebaliknya, jika Anda menambahkan variabel zfpm_ieUpgradeMessage var = 'ya ', untuk script, ia akan menampilkan pesan pemberitahuan upgrade di bagian atas halaman (lihat screenshot di sini) untuk IE 6 pengguna.

•