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


 

    I would like to separate each main js dropdown menu item with a dotted line graphic.

Return to Recent Questions


Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?

A: To add a separator you should

//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";

You can create separators using menuItems, for example:

var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];






Return to Recent Questions

Related:
Best AI Website Builder - Create Website Design with AI Website Builder for Beginners, Bloggers, Writers, IT Companies  |  Website Builder for Churches, Authors, Consultants, Magazines  |  Best Website Builder for Education, Software Companies, Designers, Videos  |  Website Builder for Online Stores, Restaurants, Musicians, Real Estate  |  Best Website Builder for Digital Marketing Agencies, Travel Agencies, Interior Designs  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Builder | AI Website Maker | Free AI Website Generator | AI web design generator