Recent Questions
Q: Why when an image is added to the parent javascript layer menu (bar) breaks in two...
I just purchased it today.
A: See images in Vista Templates have the fixed width and height (92 x 21).
If you want to change items' width/height you should change images.
btn_cyan.gif
btn_cyan2.gif
You can do it in any graph editor, for example in Adobe PhotoShop.
You should also change items width in your Individual Item Style.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];
You can do it in Deluxe Tuner.
Q: I have a Menu called topnavbar.js when this menu is applied to a page not in a subfolder the links work. This topnavbar menu includes the following items; District Office, Cumberland Head Elementary School, Beekmantown Elementary School, Beekmantown Middle School, and Beekmantown High School.
However, if you put the topnavbar on a page that is located in a subfolder the links in the topnavbar add this subfolder name to the link. So instead of districtoffice.htm the link is transportation/districtoffice.htm and that page doesn’t exist.
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: So, I'm actually developing an application with wordpress, and I would like to intagrate this excellent javascript navigation menu.
This site is Educational, and provides media about TI, for students of the Autonom University of Tamaulipas, in Mexico.
A: Actually we're using Deluxe Menu in our WordPress blogs without anyproblems.
You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html
2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">javascript navigation menu by Deluxe-Menu.com</a></p></noscript><script type="text/javascript"> var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:
<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.
That's all.
Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?
A: You should set this parameter:
var itemCursor="pointer";
In this case you'll have the mousepointer being a hand for all itemsin the menu.
Unfortunately, you can't change cursor type for different items.
But you can write so:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use <a> tag.
Set this parameter:
var itemCursor="default";