Menu Estilo Dock Vertical by Deluxe-Menu.com
Menu Estilo Dock Vertical

Template:

iPhone 5 Template - Cascading CSS Menu






    - Status string shows item labels
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Hundreds of pre-designed templates
    - Top items and submenus have a shadow
    - Submenus go over all page objects
    - Sound support!




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

Menu Screenshots

Menu Estilo Dock Vertical Simple Menu Sample

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
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
Menu By Javascript Menu Estilo Dock Vertical
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu estilo dock vertical 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 menu estilo dock vertical 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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to put an enter in a drop down menu item?

Like can I split Login newspaper to login (enter) newspaper
"Login
newspaper"

A: You can use any html code within menuItems.

Use
tag to wrap your text.
["login <br> newspaper","","","","","","",""]



Q: I cannot see the shadow on the top items of the menu. Can you help me?


A: Now you have shadow the submenus only, if you want to have shadowfor the top items you should set the following parameters:

//--- Transitional Effects & Filters
  var shadowLen=4;
  var shadowColor="#B1B1B1";
  var shadowTop=1;

You can see the shadow in Internet Explorer 5+ only.

See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html


Q: Thanks for your information, and the program is very useful and user friendly compare with others.

But I have a question, pls see the following example.

inside the menu.js (the file which we will run as navigation bar)

  var menuItems = [

["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],

when setup running the php file directly is no problem

however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end

at our php files we use
<a href="blog.php?blogger=&lt;?=$auctionDetails['ownerid'];?&gt;">

Any suggestion for this case? or you can give us some example?

A: The following link should work fine in Deluxe Menu:

["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],

You can also try to move menuItems and dm_init(); function to your page inside <script>tag:

<script>
  var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];

dm_init();
</script>

Q: Also, I was wondering about adding some css (style="cursor:pointer") so when someone is over the javascript pop menu it will turn into a hand and the user will know it is clickable.

A: Set the following javascript pop menu parameter:

  var itemCursor="pointer";



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