Template:

Blue Rounded Menu Template - CSS Menu Dropdown

    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - Submenus go over all page objects
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Relative/Absolute menu position

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

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

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

Drop Down Menu Dhtml Div Tag Use In Jump Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed div tag use in jump menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Easy Setup

De Luxe Tuner. GUI interface to create your div tag use in jump menu menus easily and in no time
Sensible menu parameters for manual editing

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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
Opportunity to control the menu from the keyboard.
Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

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

Recent Questions

Q: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.

A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],

Q: I have tried to use the Deluxe tuner menu in one of the websites I am trying to create however, the menu gives an error. I have created the menu multiple times but everytime it comes up with the same error. I have attached the entire web page file with this mail. Can you please go through this and help me fix the errors.

A: Now you have var itemBorderWidth=""; var menuBorderWidth="";

It is not correct. You should set values for these parameters.

var menuBorderWidth="0"; var itemBorderWidth="0";

Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?

A: Images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the dhtml popup from the page loaded within the iframe?

A: You can close the popup using the following function:
document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.

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

Blog

Templates

Popular Templates

Transparent Html Menu Menu Avec Dreamweaver

Horizontal Navbar Drop Down Menu Cross Frame Example

Html Cascading Menu Zend Navigation Drop Down Menu

Templates

Func. Samples

Vertical Menu In Html

Scrolling Menu Tutorial

Awards

Sliding Menu Java Frame Div Tag Use In Jump Menu

Javascript Drop Down Flat File Div Tag Use In Jump Menu

Javascript Example Dhtml Div Tag Use In Jump Menu

Jscript Samples Div Tag Use In Jump Menu

Template of Day

Div Tag Use In Jump Menu Html Tables With Drop Shadow

Twitter

More Q&A

need to load the image gallery html file into div tag of Current

but when I use this file I can't see the images in the DIV tag i see the messages like {ds:: imgfile} {imgname} I Used Ajax to load the file in the DIV tag when the links are ..... Jump to... Home, Active Topics, Members, Subscriptions, Search ... DMXzone HTML5 Suite · Universal CSS Navigation Menu

Top Menu in template j15-53 - Web Hosting Forum - Web hosting

Thus when you attempt to publish the main menu at the same position, each of the two elements is placed in a separate div tag,

Editing pages: columns with [[div]] tag

Unfold columns with [[div]] tag by KarolOssowski, 1158591534|%e %b %Y, ... View/ set parent page (used for creating breadcrumbs and structured layout)

Placing a DIV over Flash

as param in the the flash movie's Object tag, and DIVs and other layers will be able to jump on top of it. Example: .... hey! you don't have to be a techie to use linux! :-P. Pixel Acres V2 .... Main Menu; You are Here; Ozzu · Webmaster Forum · Website Design Forum · Placing a DIV over Flash

Jevents.net • View topic - Frontend adding of items uses JCE

JEvents uses id="content" for the text area to be controlled by the editor. The cah_ndeso template uses id="content" in a <div> tag on a

HTML page, FLASH menu - kirupaForum

We want HTML content to be preloaded into DIV TAG - that will be DIV TAG with identifier id. .... You can try to use that flash menu

Tables vs DIV Tags: What's the Difference? Which is Better?

I've always used tables to contain everything and div tags with padding style .... If you view http://www.tolranet.co.uk/ with Firefox then from the menu select View ... Jump into CSS with both feet and don't look back

without line break <div> tag in html

I want to use div for align left and right for my top menu bar. ... will keep without line break and align left and align right of div tag

Spry horizontal menu internet explorer 7 - Dreamweaver Club Forums

I have put an spry horizontal menu in a site with submenus into a div tag. In IE7 (and just in IE7) when we roll over a tab of my menu to

div tag within a table cell? - WebDeveloper.com

document.writeln(' <p id="menu1" class="menu" '); ... maybe you would like to enclose the whole table in a div tag like--> <DIV align="left"

<div> instead of <table>

I've been suggested to use div tags instead of table tags to align ... <div id=" menu"> <ul> <li><a href="page.htm">Link</a></li> <li><a

Joomla! • View topic - Second Menu CSS styling problem

The first menu uses superfish and the second I just used the regular ... The problem I am having is if I set the image through a div tag,

[TGW] DD Mouseover Tabs Menu 3.8 - Egypt Forums

Allows you to create a tab menu! Basically within the <div> tags you create your menu, you can change the ... Setup A Quick Forum Jump Menu

[TGW] DD Mouseover Tabs Menu 3.8 - vBulletin.org Forum

Allows you to create a tab menu! Basically within the <div> tags you create your menu, you can change the text to images via the <img> ... Setup A Quick Forum Jump Menu. .... Very nicely done, I'll have use for this!

Using Moodle: $menu, $loggedinas etc

Or the $loggedinas - I tried to use it right after opening <body> tag and it prints nothing - but the same variable in footer.html prints out ... (For one thing, the jump menu messes up printing for "web page" resources. ... <div class ="headermenu"><?php echo user_login_string($usercourse, $USER) ?

Editing pages: Problem with DIV tag

if i use the ~~~~ after the second div tag for the right column then i have ... So i didn't not use any~~~~~ but added a new DIV tag to get the rest of the

RocketTheme • View topic - RokNavMenu breaking gantry template

When I activate the the GANTRY - FUSION option in the menu module it is breaking the template. ... It seems as though there is a <div> tag with the class="nopill " and there is no closing ... Use the Search before starting a new thread! ... Jump to: Select a forum, ------------------, Announcements

Tutorial:Joomla Top & Bottom Menu Integration - WHMCS Forums

Issue: Add Joomla Menu at top / Add Bottom Menu at bottom ... output info to your templates/portal/header.tpl file right under the div tag that says below. ... </div>  your site bottom menu section output ... Forum Jump. User Control Panel, Private Messages, Subscriptions

div tag problems - Open Web Design Forums

I use a series of div tag to show and hide a menu. In ie6 it worked great but now it wont work in ie7. As far as I can tell it still works

phpwcms Forum • View topic - NAV_LIST_UL >= V1.30

I found this RT fantastic to use... but I'm looking to customize the the the following NAV_LIST_UL ... When rendered, it wraps the list in the following DIV Tag ... Here is an example of the menu I'm trying to create

CMS Made Simple Forum: Re: GUIDE: How to customize the default

Also this is the tag I entered so that it would use the correct navigation: ... pure CSS and <div> tags and want to use this as my template. ... This should show you a list of available (file) menu templates. ... Jump to: Please select a destination: -----------------------------, Official Boards

SV not working online (Page 1) - SimpleViewer v1 - SimpleViewer Forum

:cry: mine is not working too, used picasa + airtight template. works local fine - but not on the .... addVariable("tags", "jump,smile"); //fo.addVariable(" tag_mode", "all"); //fo. ... It works fine for me, now that you added the div tag. Try adding wmode transparency to fix the menu. Mike Richards

[ORPHAN] wow_menu-Full menu control (order, hide/show items

0.4 – Fixed tree with “hide” and “start” attributes in use, .... Please address the li's and ul's through the enclosing div tag

Phoca Forum • View topic - Change body font size for PDFs

I had to use [np] to force page breaks on long menus. Thanks again for all you help. ... $tag['group-o'] = '<div style="font-weight:bold; font-size:14pt; color :#666666;">'; .... Return to Phoca Restaurant Menu. Jump to: