(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    Where do I increase the width of the javascript menu bars for each entry?

Return to Recent Questions


Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu item is wider than 94px you should correct the width of the images in any graph editor, for example in Photoshop. You should set the width of these images 120px and set the following parameter:

var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

You can also try to use the following parameter to use combined background for your items:

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 ='';






Return to Recent Questions

Related:
Bootstrap Toggle Tabs Bootstrap Tabs Styles  |  Bootstrap Select Placeholder  |  15 Recommended Website Makers Arranged by Level Of Popularity  |  Bootstrap Panel Body  |  30 Killer Free Bootstrap Image Carousel and Gallery Scripts  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. AI Website Builder | AI Website Maker | AI Website Generator | AI web design generator | AI web page design generator