- Items with icons - Relative/Absolute menu position - Submenus automatically scrolls - Text aligned to left - Top items and submenus have a shadow - Submenus dropdown on mouseover - Transition #14 - "fade out" effect - 85% transparency for sub menus
Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance. Don't let your web site guests to get lost. Try Deluxe Menu!
Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do. Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around. I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.
A:To set your own images for tabs you should use the following parameters (see how we created images in the attached example):
var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"]; var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"]; var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];
You can also use a whole images for you tabs you should use only var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
Set the dimensions of the menu here: var bmenuWidth="600px"; var bmenuHeight="33px";
See in Deluxe Tabs there are two modes:
1. var tabMode=0; You can create only one level of tabs and assign Object Id's of the DIV's to show when you click on the tab.
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field: "object:" - means that there is object id after it; "link:" - means that there is a link after it. "javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
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 eachitem 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 shouldadd "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 '%' inIndividual 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'"],
Q: How can I upgrade to Deluxe Menu v2.0? Now I'm using v1.14.
A: How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message. Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1.     1.1 For Windows users       a. Run Deluxe Tuner v2.0       (can be found in the trial menu package v2.0       http://deluxe-menu.com/deluxe-menu.zip).       b. Open menu data file (.js file where menu parameters are placed): select File/Open…       c. Save the file: select File/Save, then click "No" button when the dialog box appears.
    1.2 For other OS users       a. Open menu data file (.js file where menu parameters are placed) in a text editor.       b. Make sure that the following variables exist in the data file:
      var keystrokes = 0;       var dm_focus = 1;       var dm_actKey = 113;
      var dynamic = 0;       var smHideOnClick = 1;       var itemAlignTop = 'left';       var smSmartScroll = 1;
      var dmAJAX = 0;       var dmAJAXCount = 30;       var dmRTL = 0;       var dmObjectsCheck = 0;       var menuBackRepeat = "repeat";       var menuHeight = "";       var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
      c. Save the file.
Step 2. Now open HTML-page that contains Deluxe Menu.
Step 3. Replace existent tags of the menu by the following code:
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are:       - dmenu.js       - dmenu4.js       - dmenu_add.js       - dmenu_dyn.js       - dmenu_key.js       - dmenu_cf.js (new v2.00)       - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Try that.
Q: My question is, the down arrows only show on the main page, how do I fix this.
A:Please, check images paths within data .js file. For example, if you have data.js file here:
c:/website/data.js
and your images are stored here:
c:/website/images/
you should set image name so (for example):
var arrowImageMain = ["images/arrow1.gif", "images/arrow2.gif"];
If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.
Iphone touch screen not working pressed black button on menu button n ... Easy Button & Menu Maker uses Javascript code for creating full code as well as ... Drop down menu Buttons - Forum. Best answer: If you're using
It also includes Options menu fixes on Macs. The Chrome dev 6.0.490.1 ... One of the most popular navigation apps for the iPhone, .... The company has also significantly sped up its JavaScript engine, ... The Help option from the Firefox button drop-down takes users only to the Firefox support Web site, left
Now edit the main.html with PyGTKEditor,from the drop-down Menu,tap "Edit>" ... The following snippet of code will fail with "JavaScript application failed initialize" ... Porting iPhone web app to WRT on Nokia devices
Dec 30, 2009 ... I wasn't able to see the iPhone in the "import from" drop down box as ... -Open Picasa and the iPhone should now appear in the drop down box. ... because JavaScript is either disabled or not supported by your browser
[Archive] Application development topics devoted to the Apple iPhone, iPad & iPod. ... EXC_BAD_ACCESS on appliction startup · simple iphone javascript bug? ... Where is the ComboBox or drop & Down list in Iphone Sdk in Interface Builder ? .... Adding an option to incall menu · Which systems should I use in iPhone
I use my iPhone to sync with google calendar and view both my and my wife's calendars. ... want to change, and click 'notifications' in the drop-down menu. .... JavaScript is either disabled or not supported by your browser
Iphone previously initiated Picassa 3 on startup. ... I wasn't able to see the iPhone in the "import from" drop down box as described by OP above, ... because JavaScript is either disabled or not supported by your browser
Though a number of staff have iPhones and iPod Touch devices and have ... I used Opera Mini for a while, and it even supported the Drop Down menus. ... come with an iPhone/Blackberry compatible style with the javascript
Jun 22, 2010 ... I have a iPhone 3G and I just upgraded to the new OS, iOS4. ... look under info, and then contacts, in the drop down menu choose Google contacts ..... because JavaScript is either disabled or not supported by your browser
... function (the iPhone appeared in the dropdown menu next to Import from). ... However, recently I tried to get photos from my iPhone into my computer ... JavaScript is either disabled or not supported by your browser
Create Fancy CSS3 Rollover Menus in Seconds! No JavaScript, No Images, ... Multi -level dropdown menu is created using border-radius, box-shadow, and text-shadow . .... shared music, upload photos, iphone, receive news, download, profiles
Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, .... Javascript Mouseover Tab Menu drop down menu nav with frames
I use firework to generate a javascript dropdown menu and added a swf file ... anyone know how can I get the swf behind the javascript dropdown menu? ... General Flash, Advanced Flash, iPad, iPhone, Android and Nokia
I'm trying to implement mutiple dropdown select option. ... what you really need is a multiple drop-down written in JavaScript, ... Certified user of : iPhone , Ubuntu , Windows 7 , Freeware , CK Obsession for Women
Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, ... " ..javascript dropdown menu could save me many hours of work designing menus