How can I add additional submenu items to Spry Menu Bar?

The drop down header only allows for for 2 submenus - ie. child and grandchild pages
How can I add a third or fourth submenu - ie great grandchild and great great grandchild pages?

Its OK! I've just found an answer:
http://forums.adobe.com/message/1049136#1049136
PS. I did searching before I posted - but I didn't spot this till afterward

Similar Messages

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

Hi Nancy,
This screenshot was only for imagination. A part of the code (not all) is below. In the code there are some background images but they are not seem in live mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/my_site.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"/>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<style>
#CollapsiblePanel1 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #003366;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel1 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel1 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/international.jpg);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel2 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelContent {
    background-color: blue;
#CollapsiblePanel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel3 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel3 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel4 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel5 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
</style>

How can I add a line item to delivery?

Hi all,
How can I add a line item in a delivery without using BDC?
Regards!
Curtis

Hi,
I have tried
BAPI_OUTB_DELIVERY_CHANGE
and this only allows you to change existing lines not add lines.
Since its outboud delivery that I'm interested in I will not look at the inbound that you suggested.
Any other suggestions would be appreciated.
Regards!
Curtis

How can we add additional fields to the BP Search RESULT screen?

Dear Experts,
How can we add additional fields to the BP Search RESULT screen so that the BP's being displayed in a search result show maintained values for the particular column/field?
Thanks!!!

Hi Laxman,
I got same requirement for ibase hierarchy.I want to add new fields in Ibase hierarchy AB.Do you have any idea regarding this.My requirement is that ,i want to dispaly a fields as a check box which display that this component is in under warranty or not by checking the box.Plz tell ,how can i add a new field in tree type context node.I add a new fields using AET ,but that is not available in that AB.
Thanks
Vishwas Sahu
Edited by: vishwas sahu on Nov 17, 2009 1:51 PM
Edited by: vishwas sahu on Nov 18, 2009 5:22 AM

How can I remove the "Notifications" icon from the Menu Bar in OS 10.9?

How can I remove the "Notifications" icon from the Menu Bar in OS 10.9?

As far as I can tell, this is your best option: http://reviews.cnet.com/8301-13727_7-57608829-263/how-to-turn-off-notification-c enter-in-os-x-mavericks/

How do I add the Displays icon to the Menu Bar?

In prior OS on my iMac, I was able to add the Display icon to the Menu Bar, making it a quick fix to adjust the resolution. That option no longer appears in the Display section of System Preferences. I am using multiple displays. Could that make any difference? Any suggestions?

http://displaymenu.milchimgemuesefach.de/about.html

How do I eliminate the space above a spry menu bar?

I made a table, set the CellPad and CellSpace to 0, and set
the width to 800 pixels. Then, I inserted an image (with a width of
800 pixels) into the table, and set the V and H of the image to 0,
and aligned the image to the top. Then, I copied a spry menu bar
(with a width of 800 pixels) above the table and pasted it in the
table underneath the image. There is a vertical space of 16 pixels
between the image and the spry menu bar. How do I eliminate this
vertical gap?

The Spry Updater is at:
http://labs.adobe.com/technologies/spry/home.html
If there is a spacing issue it is hard to tell without the
code. By default the Spry menu bar has 0 for margin and padding.
Make sure there is not a <p> tag within the table because the
<p> tag has an inherit padding/margin to it and could be
causing issues. The image and Spry should just be within the
<td> </td> without any <p> tags inside.

Where can I find Instruction on Creating a Spry Menu Bar (CS 4)

As a newbie to DW CS4 (Former user of GoLive) I get the idea that the Spry Menu Bar should be used; I can build the basic bar but have no success in changing font colors, background colors, Role Over, etc. Is there a tutorial that explains this process or am I better off using the DW navigation bar?

http://www.adobe.com/devnet/dreamweaver/articles/spryte_menu.html
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
And you could check the help function in DW and search for Spry

How can I add and remove items from the bookmarks toolbar?

I want to remove items from the bookmarks toolbar and add ones that I use on a regular basis. How can I do this?

See:
*https://developer.mozilla.org/en/Chrome
*http://en.wikipedia.org/wiki/User_interface_chrome#User_interface_and_interaction_design

How can I add short cuts to the windows task bar and windows start menu??

Hi guys,
I am trying to figure out how to add stuff to the windows start menu and windows task bar. I have no clue on how to do this. Can anyone help me pliz?? one other question is that if I manage to do it some how, it will limit my program to windows right?? is there a way out of it??

Can anyone help me pliz?? one
other question is that if I manage to do it somehow,
it will limit my program to windows right?? isthere
a way out of it??Yes. Writing it in VB.I'm sorry, I'm too tired to actually read. I thought you want to limit it to Windows. No, you won't be limiting it to Windows, as your application will hopefully not crash in case there is no start menu entry or system tray icon.

How can I create an application that has no menu bar?

I have an application which has all of its functionailty available on screen as buttons or fields. This works very well at the moment. However when I create and run the application I see a men bar appears nuch the same as when deisgning the application namely, "File, Edit, Operate, Tools,, Browse, Windows, Help". I really don't want them to appear at all as everything is already catered for on screen. I have looked at the menu vi's but it is not clear how I can simply not have a menu bar.
Any suggestions?
Regards
Kevin

Many thanks,
I have asked a similar question to this before but for some reason I always think I need to do these sort of things programmatically in the code rather than in a settings.
Thanks in any case.
regards
Kevin

How can i update or delete bookmarks in the menu bar

How can i delete some book marks in my book mark tool bar or menu ?

You can delete from the Bookmarks Sidebar
*<u>in OSX, Cmd+B opens or closes the Bookmarks Sidebar</u>
*See - http://www.7is7.com/software/firefox/shortcuts.html
Other ways to delete Bookmarks - https://support.mozilla.org/en-US/kb/how-do-i-delete-bookmark
'''''Update Bookmark?''''' Not sure what you mean. It may be best to delete the current Bookmark and then make a new Bookmark.
Other Bookmark information and links - https://support.mozilla.org/en-US/kb/use-bookmarks-to-save-and-organize-websites

How do I add my webmail site to my menu bar

I want to be able to click on an icon in my tool or menu bar so that I can just click it to go there (without having to type in the address every time or go to bookmarks)

http://displaymenu.milchimgemuesefach.de/about.html

How can i see my skype contacts? how can i see the contact list or a menu bar to search for contacts?

i downloaded skype and couldn't see contacts or menu bar. downloaded a NEW account, put in separate credit, and still can't see contacts or find new ones. there doesn't seem to be that feature. a contact list and/or menu bar. please help????

Arlene
Here is a link to a demonstration of Skype on You Tube. This might be of some help?
http://m.youtube.com/index?desktop_uri=%2F&gl=GB#/watch?v=Umnc02vTDOg
Have you signed into Skype with your Skype name and password? Do you have an interface similar to that shown in the video? Incidentally, the video demonstrates an iPad in landscape orientation.

How do I remove the gap above my Spry Menu bar?

Hi Folks,
I have an extensive web site which I built over many years and using different programs but have now jettisoned all of thse and work exclusively with Dreamweaver to maintain and improve it myself. To date I have always had to edit each item on each page separately then upload everything to keep my now vast website updated.
I read that if I made an SSi file for my navigation menu then I do not need to edit it on each separate page of my site so long as I load the pages of my site as .shtml files and insert a Server-Side Includes line in the code of my web pages. All great in theory BUT for some reason which is confounding me there is a gap appearing at the top of the page which is not there on the pages which are not .shtml and have my sprymenu embedded in the code.
Rather than attach long code here, it might be easier to see the problem on my live pages. So please go to any page of www.dominicnatoli.com to see how the site looks with the spry menu in each page and then go to say www.dominicnatoli.com/2011.shtml to see one of the newly loaded pages which displays the menu from the file www.dominicnatoli.com/includes/navmenu.shtml. interestingly enough if I open the navmenu.shtml alone it displays at the top of the page but whenever I open it as embedded code on my .shtml content pages it does not display at the top of the page.
I have not completely uploaded all the .shtml files of the site as I have encountered this issue and if I cannot resolve it I will ababndon this course of action and search for another solution so if you click on some of the menu items and it takes you to a dead end that is not in and of itself the problem as not all the .shtml files have been loaded to the server yet.
I have trawled through the css and code to the best of my "limited" ability and am frustrated as I cannot find my error. There ar epossibly hundreds of errors in the pages as this site has been created using many different programs over decades and one of my reason for trying to do this new menu management is part of my overhaul stragtegy which has stumbled already at the first step. LOL I know we say if it ain't broke don't fix it, but I need to sort out a better way of editin the navigation menu universally rather than having to write code into each menu on each page in order for the nav bar to be consistent wite wide.
I would really be grateful if one of you gurus can tell me where I am going wrong so I can replicate the solution for the remained of my pages. I am not sure if the problem is in teh navmenu.shtml page and its associated css or in the other shtml page with its much larger css. Thanks for any help you can give me to sort his out.
I am working on Dreamweaver CC and CS6 ( the latter has an Insert Server Side Includes extension which does not work in CC so I tend to use CC for the main updates and CS6 for the SSI stuff.)
Please let me know if you need any other information or stuff from me. Thanks a lot and
All the best
Dominic

OK Nancy, so I moved the code as you suggested, and it has gone back to showing the nav menu formatted BUT still with a gap at the top.
Here is the new code for the page. BTW it only has 463 lines
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="Generator" content="DreamweaverCS5.5"/>
<title>Dominic Natoli 1996 to 1998 Schedule</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<meta name="keywords" content="Mario Lanza, Mario Lanza Story, Joshua, Handel, St. John Passion, Melbourne Symphony Orchestra, Ismaele, Nabucco, Don Josè, Carmen, Australian Pops Orchestra, Beethoven, 9th Symphony, Sydney Opera House, Tamino, Adelaide Symphony Orchestra, Melbourne Concert Hall, Ernesto, Don Pasquale, Donizetti, Nemorino, L'Elisir d'amore, Dorset Opera, Messiah, Handel, Adelaide Symphony, Queen Elizabeth Hall, English National Opera, Don Josè, Strike up the Band, Gershwin, Rusalka, Chandos, South Australian State Opera, Opera Queensland, Australian Pops Orchestra, Melbourne Concert Hall, Ernesto, Don Pasquale, Donizetti, Nemorino, L'Elisir d'amore, Dorset Opera, Messiah, Handel, Adelaide Symphony, Queen Elizabeth Hall, English National Opera, Don Josè, Strike up the Band, Gershwin, Rusalka, Chandos, South Australian State Opera, Opera Queensland, Australian Pops Orchestra"/>
<meta name="description" content="Dominic Natoli Schedule 1996 - 1998"/>
<meta name="author" content="Alex Weston"/>
<meta name="copyright" content="© All rights reserved"/>
<meta http-equiv="Content-Language" content="en-gb"/>
<style type="text/css">

<style type="text/css">
body {margin: 0px; padding: 0px;}
a:link {color: #6f0070;}
a:visited {color: #009c9c;}
a:hover {color: #6f0070;}
a:active {color: #6f0070;}
</style>
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
.content {
padding-top: 0px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
clear: both;
}#MenuBar_2 {
          background-color: #0036Cc;
          font-family: "Times New Roman", Times, serif;
          font-weight: normal;
          font-size: 12px;
          font-style: normal;
          padding-top: 0;
          padding-right: 0;
          padding-left: 0;
          padding-bottom: 0;
          border-color: #ffffff #ffffff #ffffff #ffffff;
          border-width: 0px;
          border-style: none none none none;
          top: 0px;
.MenuBar br {           display:none;
.MenuBar_2LeftShrink {
          float: left;          width: 80px;
.MenuBar_2RightShrink {
          float: right; /* shrink to content, as well as float the MenuBar */
          width: 80px;
.MenuBar_2FixedLeft {
          float: left;
          width: 800px;
.MenuBar_2FixedCentered {
          float: none;
          width: 800px;
          margin-left: auto;
          margin-right: auto;
.MenuBar_2FixedCentered br {
          clear:both;
          display:block;
.MenuBar_2FixedCentered .SubMenu br {
          display:none;
.MenuBar_2Fullwidth {
          float: left;
          width: 800px;
          display: block;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar_2 .MenuItemContainer {
          padding: 0px 0px 0px 0px;
          margin: 0;           /* Zero out margin on the item containers. The MenuItem is the active hover area.
                                        For most items, we have to do top or bottom padding or borders only on the MenuItem
                                        or a child so we keep the entire submenu tiled with items.
                                        Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar_2 .MenuItem {
          padding: 0px 15px 0px 0px;
          background-color:#0036CC;
          border-width:1px;
          border-color: #FFFFFF;
          border-style: none solid none solid;
#MenuBar_2 .MenuItemFirst {
          border-style: none none none none;
#MenuBar_2 .MenuItemLast {
          border-style: none solid none none;
#MenuBar_2 .MenuItem .MenuItemLabel{
          text-align:center;
          line-height:1.4em;
          color:#ffffff;
          background-color:#0036cc;
          padding: 0px 30px 6px 3px;
          width: 40px;
          width:38px;
.SpryIsIE6 #MenuBar_2 .MenuItem .MenuItemLabel{
          width:44px; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar_2 .SubMenu .MenuItem {
          font-family: "Times New Roman", Times, serif;
          font-weight: normal;
          font-size: 12px;
          font-style: normal;
          background-color:#9999CC;
          padding:0px 22px 0px 10px;
          border-width:1px;
          border-color: #FFFFFF;
          /* Border styles are overriden by first and last items */
          border-style: solid solid none solid;
#MenuBar_2 .SubMenu .MenuItemFirst {
          border-style: solid solid none solid;
#MenuBar_2 .SubMenu .MenuItemFirst .MenuItemLabel{
          padding-top: 6px;
#MenuBar_2 .SubMenu .MenuItemLast {
          border-style: solid solid solid solid;
#MenuBar_2 .SubMenu .MenuItemLast .MenuItemLabel{
          padding-bottom: 6px;
#MenuBar_2 .SubMenu .MenuItem .MenuItemLabel{
          text-align:left;
          line-height:1em;
          background-color:#9999CC;
          color:#ffffff;
          padding: 6px 10px 6px 5px;
          width: 30px;
          width:auto;
/* Hover states for containers, items and labels */
#MenuBar_2 .MenuItemHover {
          background-color: #9999CC;
          border-color: #FFFFFF;
#MenuBar_2 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
          background-color: #9999CC; /* consider exposing this prop separately*/
          color: #FFFFFF;
#MenuBar_2 .MenuItemHover .MenuItemLabel{
          background-color: #9999cc;
          color: #FFFFFF;
#MenuBar_2 .SubMenu .MenuItemHover {
          background-color: #0036cc;
          border-color: #FFFFFF;
#MenuBar_2 .SubMenu .MenuItemHover .MenuItemLabel{
          background-color: #0036cc;
          color: #FFFFFF;
/* Submenu properties -- First level of submenus */
#MenuBar_2 .SubMenuVisible {
          background-color: #9999CC;
          min-width:auto; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
          border-color: #ffffff #ffffff #ffffff #ffffff;
          border-width:0px;
          border-style: none none none none;
#MenuBar_2.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
          top: 100%;          /* 100% is at the bottom of parent menuItemContainer */
          left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                                                  and your personal taste.
                                                  0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                                                  on MenuItemContainer and MenuItem on the parent
                                                  menubar, making this equal the sum of the MenuItemContainer MenuItem padding-left will align
                                                  the dropdown with the left of the menu item label.*/
          z-index:10;
#MenuBar_2.MenuBarVertical .SubMenuVisible {
          top: 0px;
          left:100%;
          min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar_2 .MenuLevel1 .SubMenuVisible {
          background-color: #9999CC;
          min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
          top: 0px;          /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                                        that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                                        vertically 'centered' on its invoking item */
          left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                                        negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                                        to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar_2 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
          background-color: #0036CC; /* consider exposing this prop separately*/
          color: #FFFFFF;
.SpryIsIE6 #MenuBar_2 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
          background-color: #0036cc; /* consider exposing this prop separately*/
          color: #FFFFFF;
.SpryIsIE6 #MenuBar_2 .SubMenu .SubMenu /* IE6 selector */{
          margin-left: -15px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
          /* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script></style>
<script src="_wp_scripts/jsFlashVer.js" type="text/javascript"></script>
<script src="_wp_scripts/jsDetectBrowser.js" type="text/javascript"></script>
<script src="_wp_scripts/jsRollover.js" type="text/javascript">
</script>
<script type="text/javascript">

</script>
<script src="_wp_scripts/jsFlashVer.js" type="text/javascript"></script>
<script src="_wp_scripts/jsDetectBrowser.js" type="text/javascript"></script>
<script src="_wp_scripts/jsMenus.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
<script src="_wp_scripts/jsRollover.js" type="text/javascript">
</script>
<script type="text/javascript">

</script>
</head>
<body bgcolor="#9F9EFF">

<div style="background: transparent; position:relative;width:800px;height:1200px;margin-left:auto;margin-right:auto;">
<div style="position:absolute; left:0px; top:1290px; width:800px; height:110px;">
    <img src="pageobjects/masteralowerfill.jpg" width="800" height="110" border="0" id="masteralowerfill" name="masteralowerfill" title="" alt=""/></div>
<div style="position:absolute; left:0px; top:128px; width:800px; height:963px;">
    <img src="pageobjects/background.jpg" width="800" height="1163" border="0" id="backgrndpic" name="backgrndpic" title="" alt=""/></div>
<div class="Normal-P" id="dynamiccontactemailtxt" style="position:absolute; left:322px; top:1300px; width:195px; height:65px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;" title="emailcontact">
<span class="Normal-P"><span class="Normal-C"><a href="mailto:[email protected]">[email protected]</a></span><span class="Normal-C0"><a href="mailto:[email protected]"></a></span>
<span class="Normal-C1">WebMaster: Dynamic Notions</span>
<br />
© dynamic notions
</span></div>
<div style="position:absolute; left:718px; top:0px; width:82px; height:82px;">
    <img src="_wp_generated/wavingkoala.gif" width="82" height="82" border="0" id="wavingkoala" name="wavingkoala" title="wavingkoala" alt="wavingkoala"/></div>
<div style="position:absolute; left:0px; top:124px; width:800px; height:15px;">
    <img src="pageobjects/masterbluebartop.jpg" width="800" height="15" border="0" id="masterbluebartop" name="masterbluebartop" title="ScreenBar" alt="ScreenBar"/></div>
<div style="position:absolute; left:1px; top:153px; width:144px; height:40px;">
    <img src="pageobjects/pagetitlebutton.jpg" width="144" height="40" border="0" id="pagetitlebutton" name="pagetitlebutton" title="button" alt="Button"/></div>
<div style="position:absolute; left:0px; top:0px; width:115px; height:123px;"><span style="position:absolute; left:4px; top:10px; width:105px; height:79px;"><img src="NewLogo2011.png" width="106" height="79" alt="logo"/></span></div>
<div id="bannerbar" style="position:absolute; left:112px; top:0px; width:605px; height:125px; background: url(images/AltLiparibanner.jpg); layer-background-image: url(images/AltLiparibanner.jpg); border: 1px none #000000;">
<script language="JavaScript" type="text/javascript">
    
    </script>
</div>
<div style="position:absolute; left:270px; top:1300px; width:50px; height:50px;">
    <a href="mailto:[email protected]"><img src="pageobjects/off_state.gif" width="50" height="50" border="0" id="emailroll" name="emailroll" title="emailbutton" alt="emailbutton"/></a></div>
<div id="txt_382" style="position:absolute; left:20px; top:161px; width:106px; height:26px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<span class="Normal-C5">1995 - 1998</span>
</div>
<div id="txt_383" style="position: absolute; left: 38px; top: 195px; width: 738px; height: 435px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;">
<span class="Normal-C6">After two years touring around Germany singing Dominic returned to Australia
    in 1995 to perform as <a name="Lanza"></a>Mario Lanza in </span><span class="Normal-C7"><a href="mariolanza.shtml" style="color:#000000;">The Mario Lanza Story</a></span><span class="Normal-C8"> </span><span class="Normal-C6">for a season of 10 shows
    at Mietta’s. It was a great opportunity for Dominic to sing the music of this remarkable
    singer in a tribute which was a marathon consisting of no less than 21 songs and
    duets ranging from Vesti la giubba to Serenade. Audiences and critics alike loved
    the show, so much that he returned to Australia again in 1996 for a further season
    presented in Adelaide, South Australia. </span><br /><span class="Normal-C6">Dominic’s reputation was growing in Australia and <a name="1996"></a>1996 saw him perform in the Melbourne
    Concert Hall with the Melbourne Symphony Orchestra in <a name="joshua"></a>Handel’s </span><span class="Normal-C7"><a href="concertoratorio.shtml#Joshua" style="color:#000000;">Joshua</a></span><span class="Normal-C6">, as well as
    <a name="stjohnpassion"></a>Bach’s </span><span class="Normal-C7"><a href="concertoratorio.shtml#StJohnPassion" style="color:#000000;">St. John Passion</a></span><span class="Normal-C6">, also with the <a name="australianpops"></a>Australian Pops Orchestra in a concert of
    italian hit tunes from Opera and song entitled </span><span class="Normal-C7"><a href="concertoratorio.shtml#Australianpopsorchestra" style="color:#000000;">Viva Italia</a></span><span class="Normal-C6">. In Adelaide he sang Joe
    in <a name="bluemonday"></a>Gershwin’s <a href="concertoratorio.shtml#GershwinBlueMonday" style="color:#000000;">Blue Monday</a> in the Adelaide Town Hall with the Adelaide Symphony Orchestra.
    In Sydney he appeared at the Sydney Concert Hall (Opera House) to sing <a name="ninthsymph"></a>Beethoven’s
    </span><span class="Normal-C7"><a href="concertoratorio.shtml#Beethoven9" style="color:#000000;">Ninth Symphony</a></span><span class="Normal-C6"> with the National Philharmonia Orchestra.</span>
<br />
<span class="Normal-C6">Apart from these Australian performances, Dominic also had his usual Tamino in Rostock,
    Ottavio in Hof, and his first <a name="ismaelehersfeld"></a> </span><span class="Normal-C7"><a href="germanyears.shtml#Ismaele1" style="color:#000000;">Ismaele</a></span><span class="Normal-C6"> in </span><span class="Normal-C10">Nabucco </span><span class="Normal-C6">in Germany at Bad Hersfeld, as well
    as a couple of Verdi <a name="verdirequiem"></a><a href="firsttenorroles.shtml#verdirequiem1" style="color:#000000;">Requiem</a>’s. In late 1996 Dominic began making inroads into the
    opera world beyond Austria and Germany. </span>
<span class="Normal-P3"><br /><span class="Normal-P3"><span class="Normal-C6">His first engagement was in Cork, Ireland for Opera South as <a name="josedebut"></a></span><span class="Normal-C7"><a href="donjose.shtml" style="color:#000000;">Don Josè</a></span><span class="Normal-C10"> </span><span class="Normal-C6">in their production
    of Carmen. This was another role debut and a resounding success for him despite a
    ludicrously short rehearsal period, the last minute replacement of the conductor
    resulting in a dress rehearsal which began at 8:30 and finished at 2:30 the next
    morning which happened to be the day of the opening night which was followed by performances
    on each of the consecutive three evenings. A true baptism of fire for a new role!
    It has become an oft repeated role for Dominic; to date he has been involved in 5
    productions with a total of over 30 performances.</span>
</span></span></div>
<div style="position:absolute; left:37px; top:635px; width:740px; height:569px;">
    <iframe id="ifrm_15" name="ifrm_15" src="1997table.shtml" style="width:740px; height:650px;">1997-98 Table</iframe>
</div>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar_2
var MenuBar_2 = new Spry.Widget.MenuBar2("#MenuBar_2", {
      widgetID: "MenuBar_2",
            widgetClass: "MenuBar MenuBar_2FixedCentered",
            insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
</body>
</html>

How can I add additional submenu items to Spry Menu Bar?

Similar Messages

Maybe you are looking for