Recent Questions Css Multi Level Tree Menu VerticalQ:
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).
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)
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:
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>
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.
I see that you have the demo of the menu working over a frame so that it displays over the lower frame, vertical top to bottom.
However I have played around with your demo and can't seem to replicate the same feature.
Could you please tell me what I have to set to make the easy dropdown menu float over the lower framed window?A: To initialize the cross frame menu call dm_initFrame() function instead of standard dm_init() function within data.js file:
dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);
framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.
For example, for the following structure:
<frameset id="frmSet" rows="185,*">
<frame id="frame1" src="cross-frame-horizontal-1.htm">
<frame id="frame2" name="testlink.htm" scrolling="no">
the dm_initFrame() function call at the end of data.js file will look like:
dm_initFrame("frmSet", 0, 1, 0);
I'm am try to use your Deluxe drop down menu generator and can not get it to work.. A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your 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.
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 also use Individual Styles for items and subitems
2. You should install the menu on your page.
You can click, for example, File/Export to HTML.
So, you'll have folder with all engine files and images("Deluxe-menu.files/" folder by default), Deluxe-menu.html file anddata-Deluxe-menu.js file with all menu parameters.
Open Deluxe-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).
<noscript><a href="http://deluxe-menu.com">drop down menu generator by deluxe-menu.com</a></noscript>
You should also copy "Deluxe-menu.files/" folder with all engine files
and data-Deluxe-menu.js file into the same folder with your index.html page.