Recent Questions
Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.
A: See, I've created Individual style
var bstyles = [
["bitemWidth=250px"], // style 0
];
And used this style for some items
["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0
You can use this style for all items in the same way.
You should set the width of your Tabs
var bmenuWidth="770px";
and width for each Tab
var bstyles = [
["bitemWidth=110px"], // style 0
];
And assign this style for all items.
Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.
In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.
In both Firefox and Opera the border doesn't show at all.
A: Try to write so:
var absolutePos=1;
var posX="10";
var posY="400";
var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];
Q: I was wondering if you could help me. I have recently done a site and put a menu into the site
The basic javascript menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them. I have stretched the menu out to cover the whole of the top of the page but i need to get these lines out of the menu.
Can you please help me with this problem?
A: See images in Vista Templates have the fixed width and height (92 x 21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gifQ: I love this one:
http://deluxe-menu.com/data-templates/vista-style-03-template-sample.html Do you have vertical orientation of this java menu example, please?
A: To create vertical drop down menu you should set the followingparameter:
var isHorizontal=0;
Please, try the trial version. Use Deluxe Tuner to create your menu.You can find this template in the Templates window.
