Css Html Vista Bar Template by Deluxe-Menu.com
Css Html Vista Bar Template

Template:






    - 85% transparency for sub menus
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates




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

Menu Screenshots

Css Html Vista Bar Template Menu Drop En Xml

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css html vista bar template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menus Sliding Css Html Vista Bar Template
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css html vista bar template menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can I put two popup windows in one HTML file?
One popup for example after 1 second, and disappear after 10
The second one after 15 second and disappear after 30 seconds.
Can you help me?

A: You should set the following parameters for the first window:

winID:"window1",
openAfter:1,
closeAfter:10,

for the second window:

winID:"window2",
openAfter:15,
closeAfter:30,

See also how should you install popup windows on your page:

<head>

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">DHTML Window Script by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-popup-window.files/";</script>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<!-- (c) 2009, http://deluxepopupwindow.com -->

</head>

<body bgcolor="#FFFFFF">
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<script type="text/javascript" src="deluxe-popup-window2.js"></script>
</body>



Q: I can't get the popup menu sample (rightclick) to work in Opera. Does Deluxe-menu support opera for right-clicking?

Does Deluxe-menu have a gwt wrapper so we can use deluxe-menu as part of a GWT application?


A: Unfortunately, Opera doesn't support onContextMenu event.
More info you can find, for example, here:
http://lab.artlung.com/oncontextmenu/

Deluxe Menu wasn't developed as Google Web Toolkit extension,BUT you can use it as standard Javascript files.

To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-tuner-info.html

Please, try the trial version.


Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Q: I have downloaded the trial software and built my tabs,
but at this point, all I have is the tabs... I need the entire box under the menu tabs in css,
and I need to be able to insert my content for each tab.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>

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