Recent Questions Tree Menu Using Css
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: I cannot see the shadow on the top items of the menu. Can you help me?
A: Now you have shadow the submenus only, if you want to have shadowfor the top items you should set the following parameters:
//--- Transitional Effects & Filters
var shadowLen=4;
var shadowColor="#B1B1B1";
var shadowTop=1;
You can see the shadow in Internet Explorer 5+ only.
See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html
Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?
A: You can use Individual Item Style in that case.
You should create Individual Style, for example:
var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];
And assign it for top items:
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
Q: I use your licensed deluxe menu and I got a customer specific issue:
Is it possible to set no background color for the menus first level and a background color for all submenus?
I couldn't find a parameter to set different variables for main level and sublevels...
Thank you for your feedback
A: You should use Individual Styles for your subitems.
var menuBackColor="";
var itemBackColor=["",""];
var itemStyles = [
["itemBackColor=#81BEC9,#CCE6EA"], //style0
];
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ],//style0
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ],//style0
