Spry Vertical Menu Border Between Items by Deluxe-Menu.com
Spry Vertical Menu Border Between Items

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Submenus dropdown on mouseover
    - Image arrows
    - Status string shows item labels
    - Text aligned to left
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - 85% transparency for sub menus
    - Hundreds of pre-designed templates




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

Menu Screenshots

Spry Vertical Menu Border Between Items Vertical Drop

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

Features

Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
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
Java Icons List Example Spry Vertical Menu Border Between Items
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 spry vertical menu border between items menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed spry vertical menu border between items 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.


A: Please, try to specify units in "px", for example.

  var menuWidth = "600px";

It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

Try to set individual style for item width:

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

  var menuItems = [

    ["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],

...


Q: How do I make the background in my rollover drop down menu transparent?

A: You should set the following paramter in your data.js file:

  var tmenuBackColor="transeparent";

Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: 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 have in my script the following entry

<script type="text/javascript" language="JavaScript1.2" src="resources/deluxe-menue/dmenu.js"></script>

<noscript><a href=http://deluxe-menu.com/>(c)2008 Javascript Menu by Deluxe-Menu.com</a></noscript>

but I get the notice "Incorrect Copyright" in my double drop down menu. What did I make wrong?

A: You should write NOSCRIPT tag in the following way:

<noscript><a href="http://deluxe-menu.com">(c)2008 double drop down menu by Deluxe-Menu.com</a></noscript>

Make sure that you're using last version of Deluxe Menu.

You can download last version of Deluxe Menu from the same link inyour license message.



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