Recent Questions
Q: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:
- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?
- I can expand or diminish the number of buttons and links
- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?
- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?
A: 1) No, there is no such tag - <img src=" " >
For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item
in normal, mouseover and selected states.
And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.
Please, see the code of this template.
2) You can create any number of the buttons and links.
3) You can set links for main items and for the subitems.
For example:
var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
["|Link 1_1","http://apycom.com",,,,,,"0"],
["|Link 1_2","testlink.htm",,,,,,"0"],
["|Link 1_3","testlink.htm",,,,,,"0"],
So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.
4) This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters( var bselectedItem, var bselectedSmItem) or using any server-sidescript (php, asp, etc.)
Q: In IE first tab of tabbed navigation is coming selected but in firefox it is not coming selected.
A: Check the following parameters:
var bselectedItem=0; //top items
var bselectedSmItem=1; //submenus
Notice that all indexes starts with 0.
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 now have a menu that I like. Works great, but not with the Explorer browser. Works perfectly with Firefox and Opera. Doesn't work with Explorer. I tried using Explorer installed on several computers at different installations - at home, work and at a friends house. So it doesn't appear to be anything specific to my version. I don't have high security enabled.
Can you identify my problem? I've spent hours trying to fix this.
A: Please, see your menu parameters. Now you have:
var itemBackColor = ["#0","#ffffff"];
It is not right.
You should write for example so:
var itemBackColor = ["#0000FF","#ffffff"];