Css Draw A Vertical Divider by Deluxe-Menu.com
Css Draw A Vertical Divider

Template:

iPhone 17 Template - CSS Pop Up Menu






    - Submenus dropdown on mouseover
    - Submenus go over all page objects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus
    - Sound support!




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

Menu Screenshots

Css Draw A Vertical Divider Dhtml Popup On Hover

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

Features

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
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
Creating Horizontal Dropdown Menus Css Draw A Vertical Divider
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css draw a vertical divider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: I was wondering if there is a way to disable links on a page for the script menu.I am creating a site where, in a certain mode, the page is in preview and Idon't want the links to work.

A: To disable your menu items you should set the following parameter to disable all items:

  var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);


Q: I have one more question. I built the menu using Deluxe Tuner.
I cannot find where to change the mouse over color from blue to something more appropriate in my drop down menu templates. Can you tell me where to do this?


A: You should change the second color in the following parameter:

  var itemBackColor=["#FCEEB0","#65BDDC"];


Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?

(I want each tree menu element contain a check box and some text. )

A: No, unfortunately Deluxe Tree doesn't have such a feature now.

But you can paste any html code inside item text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "","", "0"],

 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp;<input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

 ["|Write Us", "", ""],

 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],

Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



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