Recent Questions
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: A brief one on dynamic menu in the perspective of bilinguism
I understood from the tuner that a menu can be made dynamic (although it is somewhat minimally documented ;-))
Leaving alone all the beautiful sophisticated and complex mechanic of it
Say I have my main menu that says :
var dynamic=1; (that's all I got from the doc ..)
And then
var menuItems = [
["Choice 1 ","page1.php", "", "", "Choice 1",", "_self", "", "", "", "", "", ],
["Choice 2","page2.php", "", "", "Choice 2", "_self", "", "", "", "", "", ],
];
Minimalist ? ;-) right ?
1/ first I'm not too sure about what exactly in order are these 11 parameters although I'm fine with the only 4 I have here
2/ if I would want to change on the fly menu javascript dropdown page on a PHP parameter Page1.php?lang=French (I perfectly master how to capture the PHP value)
So that My menu becomes on the fly
["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "", ],
Thanks in advance if you can shed some light on this
PS : And although I used hardly 1% of deluxe capability my first customer is very happy about it..
A: Actually you can find all info about the menu javascript dropdown parameters and featureson our website:
- menu parameter and items, Individual Styles:
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
- dynamic functions:
http://deluxe-menu.com/functions-info.html
http://deluxe-menu.com/dynamic-functions-sample.html
> 2/ if I would want to change on the fly page on a PHP parameter
> Page1.php?lang=French (I perfectly master how to capture the PHP value)
> So that My menu becomes on the fly
> ["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
> ["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "",> ],
To change the menu items on the fly you can use API functions
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)Q: When I use API like <script>dm_ext_deleteItem(0, 0, 0);</script> it works fine in my first dhtml drop down menu code (menu.js) but I'm unable to reach second one (menu_gauche.js). I’ve tried this : <script>dm_ext_deleteItem(1, 0, 0);</script> and the page came’s out with a JavaScript error on that line. I’ve read on your side about dm_ext_deleteItem api and the first parameter is for menu Id … If there anything that I have forgot ??
A: You cannot use the following function for the tree menu:
dm_ext_deleteItem(1, 0, 0);
There is no such function there:
You should use
dtreet_ext_deleteItem (0, 0)
for the tree menu, see more info:
http://deluxe-tree.com/functions-info.html
You should set menuInd=0 if you have only one dhtml drop down menu code on your page.
Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.
A: You should specify any Object ID name of the DIV.
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. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>