Link Drop Down Menu Top Level Border

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I need to create link drop down menu that has the top level have no border but any of the sub menus have a border

Return to Recent Questions

Q: I need to create a link drop down menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.

A: You should set the following parameters:

1) var menuBorderWidth=0;
2) Create Submenu Style

var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and then choose "Submenu Styles" tab.

3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:

var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],

Return to Recent Questions

Related:

Sep 02, 2006 - Little vertical spacers between menu items in the drop down menu.
Sep 05, 2006 - Change cursor to a hand when over a menu link...
Sep 06, 2006 - The alighment of the dropdown menu is off to the right in Firefox...
Sep 06, 2006 - The first item of the html drop down menu stays highlighted.
Sep 11, 2006 - How can I hide my dropdown menu on print?
Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
Sep 22, 2006 - Where do I add my "blahblah.htm" page links in js menu?
Sep 23, 2006 - Is it possible that javascript drop down menus doesn't put anything on the local computer?
Sep 26, 2006 - Firefox doesn't support the dropshadow and effects in the javascript pull down menu.
Sep 29, 2006 - Is it possible to use an external file in the java drop down menu?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.

AMP Mobile Page Template Review Perfect Responsive JS Website Templates Review \| 46 Fantastic CSS3 Web Page Templates Overview \| Best 46 Fresh CSS Themes Collection \| Top 54 Brand New jQuery Themes List \| Top 41 Wonderful CSS3 Templates Collection \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| AI Website Maker \| Free AI Website Generator \| AI Website Generator \| AI web page design generator