Recent Questions
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: I am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each javascript new menu tab. However while the page loads I can see all the content from all the <div> javascript new menu tabs and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.
Please advice what is happen to resolve this issue.
A: Try to set display: none; property for the style of your DIV, forexample:
<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
Q: I am interested in purchasing your product (in particular – Mac Tabs). I downloaded a trial to test Mac Tabs. The trial Mac Tabs is not the same as shown on your website where the “links” appear horizontally under the “tab”. In this trial version the “links” appear as tabs also and not in a horizontal bar under the tab.
In testing the XP Tabs trial, I found it worked correctly.
Is there something wrong with the trial version of Mac Tabs?
A: See, if you want to add links to the tabs you should create your tabmenu in Tab mode.
var tabMode=1;
You can find all instructions how to create such tabs in the Templatewindow "MAC" tab.
You should add subitems for the items and assign Tab Style for thesubitems.
For example try to use MAC Style 2 Tab Mode.
Q: I am just starting to work with deluxe menu for a site that I am developing. I will soon be going through the purchase of a license but have not yet reached that point.
At the moment though, as I build the framework for the site locally on my computer, I notice that the menu behave a looks differently in IE 6 and Firefox (I am focusing on a CSS base menu). Is this something that will be worked out once I have purchased the licensing key or is there something else that I am missing?
A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try to specify unitsin "px":
var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
var menuHeight="20px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";
You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.