Recent Questions
Q: I am using XP style tree menu and would like to have top level menu item with no submenu items. However, the right double arrow icon still show up. Is there a way to hide it for the item without submenu items in css javascript tree menu?
See the attached document, I want to remove the double arrow icon at right for "Mission Statement", "History", "Direction" and "Contact Us".
Any help will be appreciated.
A: You can create Individual XP Style and use it for items with submenus:
var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif"];
var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif,left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];
and assign this style for all top items with submenus:
["Home","", "", "", "", "", "", "0", "", "", ],
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style 0
["|Item 25","", "", "", "", "", "", "1", "", "", ],
["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style 0
["|Item 27","", "", "", "", "", "", "1", "", "", ],
["|Item 28","", "", "", "", "", "", "1", "", "", ],Q: I'm using onclick tabs and want to ask if it's possible to change the the z-index id?
A: To change z-index in Deluxe Tabs you should open dtabs.js file in anytext editor and find the following text " var TLJ=2000;".
Here you should change the value.
Q: Is there a tutorial on how to use css navigation bar
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your Css menu in Deluxe Tuner.
When you open Deluxe Tuner you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
See the parameters for the menu on the main window.
More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-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->Save Css Menu/Export HTML
So, you'll have folder with images ("deluxe-css-menu.files/" folder by default),deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters (project file you need, if you wantto modify your menu later).
Open deluxe-css-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<style>
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{top:-2px; left:98%}
ul.cssMenu {
...
ul.cssMenum0 li li {
margin:0px;
}
</style>
...
</head>
You should also copy "deluxe-menu.files/" folder with all imagesinto the same folder with your index.html page.
More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html
Try that.
Q: The only remaining problem I see is that the dhtml popup menu appears in slightly
different positions depending upon where your mouse touches the icon.
Is there a way to make the menu position absolute in respect to the icon?
I have tried playing with the menu item parameters that seemed related with no success.
A: See dm_popup() function parameters:
return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place.
In other case the menu will be shown in the mouse position.