Recent Questions
Q: My office-colleague gilles petremand just bought your "deluxe menu" and all-in-all it looks great!!!!
What we don't manage to do is to create a moving java menu sample based on.
Is this only possible with the "ms office toolbar-like mode" 'coz we'd like to use the image based menue template and change it to a moving one - POSSIBLE?!?
A: To create a movable or floatable menu you should set severalparameters in your data file only.
See more info here:
http://deluxe-menu.com/movable-menu-sample.html
To create movable menu you should set the following parameters:
//--- Movable Menu
var movable=1;
var moveWidth=12;
var moveHeight=20;
var moveColor="#AA0000";
var moveImage="movepic2x20.gif";
var moveCursor="move";
var smMovable=1;
var closeBtnW=13;
var closeBtnH=16;
var closeBtn="closebtn.gif";
http://deluxe-menu.com/floatable-menu-sample.html
To create floatable menu you should set the following parameters:
//--- Floatable Menu
var floatable=1;
var floatIterations=6;
var floatableX=1;
var floatableY=1;
Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.
A: Unfortunately, Deluxe Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
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";
Q: There is a default gap between two collapsible javascript menu buttons. Suppose the two menu are "Company profile" and "Service", there is a default gap between those tow , it is not taking the specified space( for example I am putting 2px gap but it is taking a default gap) Please suggest me the solution for the same.
A: You should use new parameter in the data file:
var tXPMenuSpace=0;