Recent Questions
Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: I want to buy your product today, but have a few questions:
How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?
A: You can use Individual Item styles to set specific parameters for eachitem or submenu.
1.
var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];
2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.
var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Q: I am intersted in a horizontal drop down menu.
I need the rollover and selected color of each section in the onmouseover drop down menu to be a different color.
Here is my scenario
link1 link2 link3
All links are white.
On rollover, link1 turns red, and the drop down below is red (if possible can each individual link in the the dropdown rollover to a diffrent color, say pink?)
When you click a link in the link1 dropdown, and go to that page, link1 will now be red (highlighted) while on that page, and link2 and link3 are still white.
Now, On rollover, link2 turns blue, and the drop down below is blue(if possible can each individual link in the the dropdown rollover to a diffrent color, say light blue?)
When you click a link in the link2 dropdown, and go to that page, link2 will now be blue, and link2 and link3 are still white. I also need the flyout menus to be able to be different widths. Say the drop down menu under link1 has short links, then it only needs to be 100 pixels wide. If the sublinks under link 2 are longer, its dropdown menu might need to be 200 pixels wide. In other words, the flyout width needs to be flexible to fit the length of the text in the link.
I have tried other programs, but have found none that can do this. The problem seems to be they cant have different width flyout menus (often this is the case if they are css based).
OR
It is not possible to show a 'up' or highlighted color on a main link when you are on a page that is a sublink)
Does this make sense, and is it possible with your builder?
A: Yes, you can create such a menu using Deluxe Menu.
To use different font colors for the main items you should useIndividual Item styles. And to cerate different color and differentwidth of the submenus you should use Individual Item/Submenu styles.
See the attached example.zip. See how you should use styles.
> I also need the flyout menus to be able to be different widths.
Actually the submenu width is depend on the item's size. You can alsowrap item's text. Set var noWrap=0; or use standard <br> tagsinside items' text:
["|very long text <br> in Item 14","", "", "", "", "", "3", "1", "", "", "", ],
You can set exact width for each submenu using IndividualSubmenu Styles.
> When you click a link in the link1 dropdown, and go to that
> page, link1 will now be red (highlighted) while on that page, and
> link2 and link3 are still white.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html
Deluxe Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<noscript><a href="http://deluxe-menu.com">onmouseover drop down menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"> var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: I’m very interested in your script of deluxe-menu.
I tryed your script out and have some questions now:
How do I highlight main menu items when I selected a main category?
How do I highlight submenu items when I selected a sub category?
How can I have a submenu unfoldet when I selected the matching main category?
I would be pleased to have answers to my questions as soon as possible.
Thank you for support!
A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.
You can set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
