Gwt Css Menu Highlight by Deluxe-Menu.com
Gwt Css Menu Highlight

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Gwt Css Menu Highlight Javascript Pulldown Menue

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed gwt css menu highlight samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Up Menu Javascript Gwt Css Menu Highlight
Easy Setup
  • De Luxe Tuner. GUI interface to create your gwt css menu highlight menus easily and in no time
  • Sensible menu parameters for manual editing
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We purchased your Deluxe Menu 2.0 and have realised that in the Firefox browser the shadowing around the css javascript menu is not visible.

Please could you tell us how to correct this.

A: See, transitional effects (shadow) are features of Internet Explorer 5.5+ only.

More info you can find here:

http://deluxe-menu.com/filters-and-effects-sample.html

Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".

2. Allow using a variable size icon for each item.


A: 1. You're able to use Javascript for each item, for example:

  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover event to each item.
However, you can achieve this by using standard html objects withinitems, for example:

  var tmenuitems = [
["<div onmouseover='your_code_here'>item text</div>", "index.html"]
];

2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:

  var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];


Q: I am really confused by all of this. Perhaps I should state that I am computer savvy, however, I am not at all familiar with javascript or html. I was hoping to use the deluxe tuner to avoid having to deal with any of this.

I removed deluxe tuner and deluxe menu from my computer and reinstalled both. When I went to download the license key, I extracted the file from the ZIP file and replaced the files that were downloaded with the free version.

I am now ready to re-create my menu. It says to edit my data file. When I try to do that it will NOT open. It says my computer does not have the right program? What do I need?

Also, once I have created the menu in Deluxe tuner, where should I save it? In the folder where my website pages are saved? Again, I am using Yahoo sitebuilder, so I am not exactly sure where I should save it in these folders?

Furthermore, when I tried to save a file before I removed Deluxe tuner and reloaded it, It would ask me if I wanted to copy all my files? What is that and what is the purpose?


A: > I am now ready to re-create my menu. It says to edit my data file. When I
> try to do that it will NOT open. It says my computer does not have the right
> program? What do I need?
You should open your data file with the menu in any text editor andadd your reg. key.
Try that.

> Also, once I have created the menu in Deluxe tuner, where should I save it?
You can save your data file in any place and then copy to the rightplace.

> Furthermore, when I tried to save a file before I removed Deluxe tuner and
> reloaded it, It would ask me if I wanted to copy all my files? What is that
> and what is the purpose?

If you click yes, Deluxe Tuner save also all engine .js files and allyour images into "data.files/" folder.

You can also click Export->To HTML.
So you'll have html page with your menu and folder with engine .jsfiles and images.

So you should to do the following things:
1. open your page in Yahoo's SiteBuilder
2. open generated with Deluxe Tuner html source code of the page i anytext editor
3. copy such lines from html source code


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>


and add them in you <head> tag.

Then find such line, for example:

<script type="text/javascript" src="data.files/data.js"></script>

and add it in you tag in the place where you want to have themenu. For example, you can paste it in <table> or <div> tag:

<table>
<tr><td><script type="text/javascript" src="data.files/data.js"></script></td></tr>
</table>

or
<div align=center>
<script type="text/javascript" src="data.files/data.js"></script>
</div>

For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "data.files/" folder in the right place. In thefolder where you have you index.html page, created in Yahoo'sSiteBuilder.


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 DeluxeTuner.

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

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



Buy Now!   ::  Free Trial Download   ::  More Info