skip to main |
skip to sidebar
RSS Feeds
Berbagi Ide dan Tips Bisnis Online
Berbagi Ide dan Tips Bisnis Online
10:12:00 AM
Posted by Unknown
zFPmenu – 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).
Put this code into your web pages (before the closing </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></li> <ul> <li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a></li> <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><a href="">YOUR SUBMENU 2.2</a></li> <li><a href="">YOUR SUBMENU 2.3</a></li> </ul> <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 -->
class="dir"
attribute inside li
tag where you want to add submenu.var zfpm_colorTheme = 'light';
'light'
or 'dark'
var zfpm_shareBox = 'no'
'yes'
or 'no'
Color theme: | |
Show share box: |
var zfpm_colorTheme = 'light';
valid input: 'dark'
or 'light'
.var zfpm_customBackgroundImage = '';
valid input: full URL of an image.var zfpm_customBackgroundColor = '';
valid input: example: '#999999'
.var zfpm_shareBox = 'yes';
valid input: 'yes'
or 'no'
.var zfpm_shareBoxPosition = 'right';
valid input: 'left'
or 'right'
.var zfpm_shareBoxCustomWidth = '';
valid input: example: '300'
.var zfpm_waitForPageLoad = 'yes';
valid input: 'yes'
or 'no'
.div
box with the ID zfpm_upperBox
(above the menu).var zfpm_ieUpgradeMessage = 'yes';
to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users.
Post a Comment