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