Code Templates Menubar Wordpress by Deluxe-Menu.com
Code Templates Menubar Wordpress

Template:

Coffee Menu Template - Dropdown Html Menu






    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Items with icons
    - 85% transparency for sub menus
    - Text aligned to left




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Code Templates Menubar Wordpress Tree Menu Dhtml

Buy Now!   ::  Free Trial Download   ::  More Info

Features

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your code templates menubar wordpress menus easily and in no time
  • Sensible menu parameters for manual editing
Simple Menu Code Templates Menubar Wordpress
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed code templates menubar wordpress samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am having great problems making my tab working, I seems to select the second tab by default.

I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItems parameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.

But without success?

Any idea?

Please advice


A: See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 10;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: I paid for the Deluxe Tabs and built them the way I wanted with little modification. Everything is working fine except in Internet Explorer 6 on Windows. If I click on another of the 4 tabs in my navigation tabs, the content doesn't change.

A: You should set the following parameter:

  var bselectedSmItem=0;

You should also add style="visibility: hidden;" for a content DIVs.
You won't see the content of all tabs when your page loads in thatcase.

<div id="tabcontent1" style="visibility: hidden;">
<div id="tabcontent2" style="visibility: hidden;">
...



Q: If there was a way to show the links inside the html code instead of the dhtml menu js files. Shouldwe use an alternative mode as (css Style?)

A: You can move menuItems into html page directly inside <script> ...
</script> tags:
<script>
  var menuItems [
...
];
dm_init();
</script>

You can also use search engine friendly code and install it on yourpage before you call your dhtml menu js file.
You'll see text links in that case.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)



Q: I need the sub menu to be vertical with the text on top of each other instead of horizontal way as as I have now on my website.
I have tried to change the smWidth & smHeight in the Dimension category but it shows no changes.

A: Please, see menu parameters.
You should set this parameter:

  var smOrientation=0;


Buy Now!   ::  Free Trial Download   ::  More Info