Html Folder Tab Menu Bar by Deluxe-Menu.com
Html Folder Tab Menu Bar

Template:

iPhone 14 Template - CSS Menu Rollover






    - Text aligned to left
    - Top items and submenus have a shadow
    - UL/LI items structure
    - Hundreds of pre-designed templates
    - Unlimited number of sub levels
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Html Folder Tab Menu Bar Tutorial Popup Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html folder tab menu bar samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Drag Drop Transparent Javascript Html Folder Tab Menu Bar
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
Cost Effective
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!



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like to purchase your menu system but I need to know if I can control disable property for the menu javascripts

A: You can try to use the following function:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

Shows/hides the item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0. See more info about indexes here.
visibility = true/false - visibility of the item.

More info you can find here:
http://deluxe-menu.com/functions-info.html

Q: Earlier today I bought your Deluxe Tabbed Menu software. I "nearly" have the menu I want working, but my problem is that the sub menus I have created in my java script tabs disappear very quickly after being clicked. I want these sub-menus to stay when.

The website that I have developed the menu for can be seen at www.domain.ie/index.php I have sub menus created for the About, Courses & Contact Us items, but as mentioned these disappear very quickly.

FYI, I call the data.js menu file from an include file in the webpages. I don't know if this has anything to do with my problem.

A: That is happen because you have links for the top items with subitems:
About Us
Courses
Contact Us

Actually it is not correctly to use links for items with subitems. Youshould use these items to open subitems only.

But if you want to use links for them you should set the correctpressed item for this page, for example for
http://www.domain.ie/about.php
you should set
  var bselectedItem=2;

http://www.domain.ie/courses.php
you should set
  var bselectedItem=6;

Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: I use the apy menu inside a table cell and it has 6 sub menus. The table width is 600 so I would like to have each sub menu with width 100 and each item with the same width. I use menuWidth=100 and itemWidth=100 but it doesn't work, each menu has a different size depending on the label.
Also, each sub menu label can fit in less than 100 but I really want the width to be 100 so it looks consistant across the full menu.
What am I doing wrong ?


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=100px"],
];

["DHTML
Menus","", "", "", , , "0", , , , , ],
...
["Apycom
products","", "", "", , , "0", , , , , ],
...
["Contacts","http://www.apycom.com/contact.html", "", "", , , "0", , , , , ],

See the attached example.


Q: I am trying to use the following horizontal scrolling tabs:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

My problem is that the bitebackimage is not showing as you can see in the example below.

All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.

Any ideas on what the problem might be?

Any style tab menu that I use produces the same results.

A: The reason is in your styles. Now you have in style.css file:

TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}

You should write:

TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}

Try that.



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