Css Vertical Sliding Menu by Deluxe-Menu.com
Css Vertical Sliding Menu

Template:

iPhone 9 Template - CSS Drop Menu






    - Image arrows
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Sound support!
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Transition #14 - "fade out" effect
    - Horizontal or vertical orientation
    - Filters and Transitional effects




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

Menu Screenshots

Css Vertical Sliding Menu Expand Menu Code

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css vertical sliding menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Submenu In Html Css Vertical Sliding Menu
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css vertical sliding menu 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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I just don't understand the 'concept" of how It should be put into my html page.
I plan on having more than one menu on my page. and this would be an example of one of the drp down menus I want on it. I'm fairly new to making a webpage, but this menu is what I would like on my page.
sorry for being a little slow at this, I DO LOVE how it lays out and cant wait to get it to work on my webpage.


A: 1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Deluxe Tuner v2.4 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

If you want to install several menus on the one page you should writethe following code once

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
And then call your data files several times.
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data1.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data2.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data3.js"></script>

Try that.


Q: Can your menu, when placed in a master page, be propagated throughout an application's sub-folders
or will the html menu need to be added to each page separately?

A: If you don't want to create your menu on each page you can use a
server-side script (php, asp, vb, etc.) to generate html pages from
templates on your server.

However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];


The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

You can use cross frame menu. It allows you to build full-featured menus on the pages
that use frame-based structure. And it's not necessary to insert any code into all the pages -
just specify the additional parameters of the menu and initialize it.

To install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.html


Q: I have just downloaded your trial version and am trying to use de-lux tuner using the windows xpstyle1 template. I can only seem to get the top java menu button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top java menu button showing the same as submenu buttons.

A: Trial version has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:

  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: I would like two level of tabs i.e.

Tab 1 entertainment

Opens up another level of tabs
Tab 1_2 movies with information displayed in the tab not on new page
Tab 1_3 music with information displayed in the tab not on new page
Tab 1_4 tv and so on...


A: Unfortunately, you cannot do it using Deluxe Tabs in TabMode. Youcannot use object ID to show in TabMode, only links.

You can use 2 menus:

Tab 1 entertainment //1st menu
--------DIV----------------------
Tab 1_2 Tab 1_3 Tab 1_4 //2nd menu
----------DIV's for second menu--------------

content

----------end DIV's for second menu ---------

----------end DIV for the first menu -------


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