|
|
How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal?
Return to Recent Questions
Q:
I want to buy your product today, but have a few questions:
How do I change the font style for java menu templates to 9pt Verdana
bold, but leave the sub-menus 9pt Verdana normal? I understand
there�s a "fontStyle" variable, but is there an
"itemfontStyle"? How do I make the left hand padding greater
for the menu? I�m using the XP Style 1 and the far left top
menu item is running up against my left hand border. I want to
add about 10px of spacing to the left of the menu. How do I make
the options in a menu have equal spacing? For instance, if
there are 5 items in the menu, how can each have 100% / 5?
A:
You can use Individual Item styles to set specific parameters for each
item or submenu.
1.
var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];
2., 4. You should specify itemPadding parameter in "px". You should
add "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,
for example:
itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Unfortunately it is not possible to specify item's width in '%' in
Individual styles. The following width parameters won't work.
var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Return to Recent Questions
Related:
- Sep 02, 2006 - Can I show / hide the javascript floating menu .
- Sep 06, 2006 - Can't see my javascript vertical tree menu in FireFox.
- Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
- Sep 15, 2006 - Are vertical menus also supported? I don't see any in the javascript menu examples.
- Sep 17, 2006 - How can your javascript onmouseover menu be set to open by click?
- Sep 22, 2006 - How to call the function in my java script menu?
- Sep 23, 2006 - Is it possible that javascript drop down menus doesn't put anything on the local computer?
- Sep 23, 2006 - Is it possible that your menu call some javascript onmouseover event?
- Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
- Sep 26, 2006 - Firefox doesn't support the dropshadow and effects in the javascript pull down menu.
- Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
|