Recent Questions
Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.
I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.
Please advice how I can do this.
A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.
var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];
var bmenuItems = [
["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];
Q: I've tried to add the pathPrefix_img as suggested and I'm still having trouble with images.
Can you provide anymore feedback on what I'm doing wrong?
A: Now you have such paths:
var pathPrefix_img="http://www.domain-name.com/images/";
and
var arrowImageMain=["CFTopMenu.files/arrv_white_1.gif",""];
So, the full path we'll be:
http://www.domain-name.com/images/CFTopMenu.files/arrv_white_1.gif
Is it right?
I've tried to download your image from this link. There is no such image.
If you want to put all your images into the "images" folder you should write so:
var pathPrefix_img="http://www.domain-name.com/images/";
and
var arrowImageMain=["arrv_white_1.gif",""];
Please, check that you upload all your images on the server in the right places.
Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.
A: No, there is no such a feature in Deluxe Menu v3.2.7.
You can write your item in the following way:
["|<a href='http://www.domain.com'>test test test</a>",""],
But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}
Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?
A: No, you cannot remove expand buttons in var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.
You can use var tXPStyle=0; also.