(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 am trying to figure out how to specify the css for the top css dropdown menu.

Return to Recent Questions


Q: I am trying to figure out how to specify the css for the top css dropdown menu.

I saw this in some of the example code, but there was nothing similar in Deluxe Tuner

var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];

I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.

I am trying to draw a white border around the blue css dropdown menu

.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}

/* Style for submenus */
.submenu
{
}

/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}

A: var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];

The following code is Individual Styles. You can edit them in Deluxe Tuner.

Open your data file, click "Edit Individual Styles..." button on the main window. And create individual item style and individual submenu style. Then you should assign these styles to your items.

See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html






Return to Recent Questions

Related:
Fine Open Source Website Maker Software | 2021 Guide Fine Responsive Web Page Builder | Overview  |  Good Responsive Site Maker Program - 2021 Tutorial  |  Effective Web Page Design Tools  |  Top HTML Site Builder - 2021 Review  |  Exceptional Drag and Drop Web Maker App - Honest Review  | 
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 | Best AI Website Builder | AI Website Maker | Free AI Website Generator | AI website design generator