(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:
Top 41 Wonderful CSS3 Templates Collection Top 54 Brand New jQuery Themes List  |  Best 50 Inspirational and Beautiful HTML Themes Collection  |  AMP Mobile Page Template Review  |  Top 53 Killer HTML Templates List  |  Best 46 Fresh CSS Themes Collection  | 
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 Generator | AI Website Maker | Free AI Website Generator | AI web page design generator