Java Menu Templates Change Font Style

Support

FAQ

Contacts

About Us

Recent Questions

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?

Mobile Page Layouts Overview Top 41 Wonderful CSS3 Templates Collection \| Mobile-friendly Web Page Themes Review \| Top 53 Killer HTML Templates List \| Top 54 Brand New jQuery Themes List \| Best 50 Inspirational and Beautiful HTML Themes Collection \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| AI Website Generator \| AI Website Maker \| Website Generator AI \| AI website design generator