Collapsible Menus Css by Deluxe-Menu.com
Collapsible Menus Css

Menu Screenshots

Collapsible Menus Css Scroll Templates

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible menus css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Slide Rollover Navigation Collapsible Menus Css
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I do not understand how may I include content in each tab in the , may you send to me examples or more information?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],  ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for
example:javascript:alert(\'Hello!\')
So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Need advice for internal linking - Webmaster Forum

We're going from about 40 links of only major pages to 257 links in a collapsible menu. The sidebar is also under the content in the code

Aquarius Template for PHPmotion V3.5 [Available Now!]

Collapsible (More Info) in video descriptions.Added ... cssFixed issue where video categories drop down menu was not adapting to very long category names

Joomla! • View topic - how to use module class suffix

Click the radio box for the template you're using; then click Edit CSS. Scroll down to your css .... <div id="resourcesmenu" class="inv-menu">

SMF User Help: Introduction

Once you've registered and logged in, however, the main menu should look a little ... If the category is collapsible (shown by the little arrow symbol), clicking the

Black Pearl Fashion -> VirtueMart 1.1.9 + Joomla 1.5-1.7 Template

... Built-in Split Menu, CSS Menu, Moo Menu and Accordion Menu; TOS ... Tabbed Flypage; 55 collapsible module positions for high flexibility

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

$("#menu ul li.section-title").css({cursor:"pointer"}).click(function() { .... When I want collapsible menu that when clicking one section closes other

Help needed with collapsible menu in Sencha Touch App

Hi, I am making a web app wherein I am trying to make a collapsible menu(not actually making one, using a workaround :D). What I do is on tap

Webuddha Developers Forum - BETA • View topic - lightbox feature

Jan 30, 2009 ... Click in item menu portfolio, in "Casa da Galé" ,after in the photo. ... regular css dropdown menu) and the collapsable modules "hide/show" will

Collapsible menu not working correct in internet explore 8

I have writen(as you can see i am not a jQuery expert :P ) a small piece of code for a ul/li collapsible menu, all browsers do what i want but IE8 is not working

collapsable menu problem : JavaScript Forum

collapsible : menu works like an accordion but can be fully collapsed ... <li class= "expand"><a href="#">Sub menu heading</a> <ul>

CSS, XHTML/HTML & JavaScript - Web Design Forum

CSS, XHTML/HTML & JavaScript: CSS, XHTML & javascript - Having trouble with CSS post your ... Problems including HTML pages in JavaScript Tab menu on a PHP page, Hitch4000 ... Spry collapsible panel problem · Pete Brady Design

SMF User Help: Introduction

Once you've registered and logged in, however, the main menu should look a little ... If the category is collapsible (shown by the little arrow symbol), clicking the

Aquarius Template for PHPmotion V3.5 [Available Now!]

Collapsible (More Info) in video descriptions.Added ... cssFixed issue where video categories drop down menu was not adapting to very long category names

Another page menue bar with expanding and collapsing buttons

Vertical menus with fly-out are already built into Atahualpa but not fully implemented yet, without the required extra CSS and Javascript

Using Moodle: collapsible menu in HTML Block

How do I get a collapsible menu in an HTML Block. ... You organize the links in a bulleted list and add the css at the backend of the block (html

REQUEST: CSS/JQuery Nav menu - jQuery Forum

I'm looking for a css/jQuery nav menu that will stay open when on a current page. ... Sliding Jquery Menu question · Collapsible menu not working correc

Joomla! • View topic - [TUT] How to add accordion menus to your

images/collapse.png", //path to image used to collapse menu item {duration:400 ... Use CSS to style menu items for different levels * * v1.0 - by

First Look: The vBulletin 4.0 Style - Blogs - vBulletin Community

Apr 23, 2009... opposite through the use of popup menus, collapsible elements etc. .... On browsers with only CSS available the menus still work, meaning

Joom!Fish :: Multilingual support for Joomla! forum • View topic

A template selected in the back end for a menu link (pointing to an external link) .... Example template code (with two user collapsable positions etc. implementing if ... >/css/template_css.css" rel="stylesheet" type="text/css" />

How will it be it Google docs menu is collapsible? - Google Docs Help

Check the image. You will see the top menu and file name takes a lot ... Try View- compact controls

CMS Made Simple • View topic - Plain collapsible list menu?

Post subject: Plain collapsible list menu? Post ... {menu collapse='1'} ? ... Tips and Tricks, Layout and Design (CSS & HTML), Modules/Add-Ons

CSS Collapsable menu

Does anyone know how to build a CSS menu that "folds up"

CMenu and multi-level nested menu - Yii Framework Forum

It is worth noting here, however, that jqueryslidemenu hasn't got feature of differenting with special CSS class top-level menu item whos sub

SMF User Help: Introduction

Nov 2, 2011 ... Once you've registered and logged in, however, the main menu should look a ... If the category is collapsible (shown by the little arrow symbol),