Recent Questions Css Good Looking Treemenu
Q: I hope you have a instructions so we can install css menu in our website.
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" on the 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
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 and .css file ("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 want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).
Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
...
</head>
<body>
...
<!-- Deluxe Css Menu -->
<ul id="cssMenu">
<li><a href="testlink.html">Home</a></li>
<li><a href="#"><span>
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="width:161px;">
....
</ul>
<!-- (c) 2009, Deluxe-Menu.com -->
...
</body>
You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.
More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html
Try that.Q: Do you support keyboard shortcuts (up/down through javascript for drop down menu)? I couldn't find an example of that.
Also, this one from OpenCube (exploding submenus) runs on Firefox too. No way to get that in yours?
A: No, JavaScript Tree Menu doesn't support transitional effect in Firefox. Thereis no way to do it in the current version of the menu. It is possiblethat we'll add this feature in the next versions.
JavaScript Tree Menu has keyboard support. You can check it on our website
http://deluxe-menu.com/
Press Ctrl+F2 to enter/switch to next menu on the page.
Arrow keys - navigate
Esc - exit the menu
Use the following parameter to enable keystrokes support:
var keystrokes = 1;
0 - disabled (default), 1 - enabled.
Use also the following parameters:
var dm_focus = 1; Show focus selection for selected item.
var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.
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=<?=$auctionDetails['ownerid'];?>">
Any suggestion for this case? or you can give us some example?
A: The following link should work fine in JavaScript Tree 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: If I open a pdf file within the frame work, the javascript onmouseover menu does not work.
A: Try to load your .pdf file into the IFRAME, for example on yourcontent frame (frame where you load your pdf files) you'll have:
<iframe src="files/1.pdf" name="iframe" style="z-index:0;" width="100%" height="100%"></iframe>
Submenus will overlap PDF correctly if you load it in the IFRAME only!
