Recent Questions
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: If there is an option in the php navigation bar to make all of the top items the same size?
A: Set width for the items using Individual styles:
var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...
You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html
Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus
A: You can try to specify spacing parameter:
var itemSpacing=1;
You can also try to use separators.
You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],
Use "Add Separator button in Deluxe Tuner.
Set separator parameters in the following way:
//--- Separators
var separatorImage="";
var separatorWidth="100%";
var separatorHeight="2px";
var separatorAlignment="left";
var separatorVImage="data.files/separator.jpg";
var separatorVWidth="2px";
var separatorVHeight="100%";
var separatorPadding="0px";
Q: Hi there ... how do I add in the following javascript code so an exit pop doesn't go off:
onClick="exit=false;"
I read this page, but it didn't work
http://deluxe-menu.com/javascript-link-menu-support.html#
A: Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];
