Mega Drop Down Menu

Hello there,
I want to have a mega drop down menu (with pictures changing inside) like the one in this site
http://www.sterlingholidays.com/
Please let me know are there any websites offer freely such responsive menus.
And also let me know how to do the navigation as this
Thanks in advance.

You have asked two questions. Unfortunately I do not know what you mean with the second question so I'll do my best to answer the first question.
To make a menu bar like the one referred to a so-called mega menu all you need is a normal menu bar for the top menu items. When one hovers (an effect that cannot be duplicated on touch screens) over the menu item, an absolute positioned panel shows itself. The panel containing the changing images have much the same effect, that is hover to show an image.
For touch screens you will have to change the hover event to an on-click event.

Similar Messages

What is the best way to create a drop down Menu

It is my frist time using Dreamwaever CC and i was wondering if there was a jQuery UI widget that could make, creating a drop down menu easir.

*Best* is subjective and depends on what you require.
For multi-level CSS drop-menus, this one is nice:
DEMO:
http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo .html
TUTORIAL:
http://www.red-team-design.com/css3-animated-dropdown-menu
RESPONSIVE:
Project Seven Responsive Tabs (commercial DW Extension)
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
Pop-Menu Magic3 by PVII (NEW commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
MEGA MENUS:
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/
Nancy O.

Superfish drop-down menu – built from a SharePoint list not working

Hi All,
I required multiple menus and I am following the below url to achieve my task .After following the all the steps I don't get any result.Can any one help me how can I over come from the issue
http://spjsblog.com/2011/11/06/superfish-drop-down-menu-buildt-from-a-sharepoint-list/
Thanks, Quality Communication Provides Quality Work. http://siddiq-sharepoint2010.blogspot.in/ Siddiqali Mohammad .

Hi siddiqali,
In SharePint, it provides navigation feature which is similar to yours. Have you tried to use it? If not, I suggest you use navigation feature.
http://blog.incworx.com/blog/sharepoint-2010-tips-and-tricks/global-navigation-drop-down-menus-in-sharepoint-2010
If the navigation feature cannot match your requirement, there is a solution similar to the function in the blog that you mentioned, you can download and deploy it to your SharePoint.
https://www.nothingbutsharepoint.com/sites/eusp/Pages/SharePoint-2010-and-Mega-Drop-Down-Menu-Navigation.aspx
Deploy solutions in SharePoint:
http://technet.microsoft.com/en-us/library/cc262995(v=office.14).aspx
Best Regards,
Wendy
Wendy Li
TechNet Community Support

Fireworks cs6 drop down menu crossbrowser

Hi there,,
I am doing this drop down menu on fireworks cs6,its a horizontal menu, and the dropdouwn menus on chrome appears on the middle of the button, the same happends on iexplorer,firefox and Opera.But on Safari it works perfectly.I send the fotos on atachment one from google chrome and one from Safari.
The one on the left is from google chrome, the drop down menu on all the buttons appears on the midle of the button,and its the same on all browsers,except on safari, the right foto.
I tryed to use google chrome inspect tools and uncheck some of the css proprieties of the div correspondent to the uploads drop down link("uploads"), but nothing happends.it doesnt move up or down , not even a pixel.
I want it to look like the Safari right foto on all browsers, How can i do that?
i did the menu on fireworks cs6 and exported to dreamweaver cs6 as HTML, then i inserted the menu as fireworks html inside a div #nav, this is on the fluid grid layout on the phone and tablet css:
#nav {
          margin-top: 0px;
          clear: both;
          float: left;
          margin-left: 0;
          width: 100%;
          height: auto;
          min-height: 180px;
          display: block;
          background: rgba(66,65,66,1);
          background: -moz-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,65,66,1)), color-stop(2%, rgba(115,115,115,1)), color-stop(57%, rgba(168,168,168,1)), color-stop(97%, rgba(247,246,247,1)), color-stop(100%, rgba(253,252,253,1)));
          background: -webkit-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -o-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -ms-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: linear-gradient(to bottom, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#fdfcfd', GradientType=0 );
          padding: 0px;
i used a http://www.cssmatic.com/ linear gradient as background for the div #nav and i also tryed to remove the background and still the problem remains,except on safari.
On fireworks cs6 preview in browser(chrome) it also works perfectly, its only wen i export it to dreamweaver it only works like the preview on Apple safari.

    PVII's Pop-Menu Magic2 (commercial DW Extension)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    jQuery Mega Menus
    http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
    CSS3 Dropdown Menus
    http://www.red-team-design.com/css3-dropdown-menu
    10 Responsive Menus
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Drop down menu with static portion

Hello! I have recently enjoyed building a few simple sites using Muse and am ready to venture forward to some unknown territory. I would like to know how to create a drop down menu that will stay in place until users trigger it away. (Forgive my lack of proper terminology. ) The site I'm working on is www.orilliamusiccentre.com. I would like to list all of the music classes offered to viewers at a single glance in the same way that this site does: Kindermusik, music lessons, children's choir, ASL classes and birthday parties in Port Credit, Mississauga. | Sing Music… I would like the content below the menu to drop down when the menu is expanded. Can anyone advise me on this please? Once again, my apologies for the limited knowledge of web jargon.

What you are trying to do there can be achieved with some creative usage of the menu and the tooltip widget. Have a look at the Mega Menu widget here ... it's very well done and should do nicely for you.
Menu Pack One | Adobe Muse Widget | museGrid.com

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen?

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen? An if-then statement perhaps? I am looking to add over 100 drop down options and would like to have a message automatically pop up depending one which option they chose. Thank you.

Hi,
You would use the skip logic to conditionally show form items based on the selection within the drop-down menu. Here's a link to a description of the feature in our help documentation:
http://help.adobe.com/en_US/formscentral/using/WSd789abd336388b1642c7fce012da94afe4f-8000. html#WS0faeceb8c23f5d60-774f03e3131ddc76d7d-8000
Regards,
Brian

In the new Pages 5.0, what is the page break shortcut key. I cannot find the key as indicated on the drop down menu.

in the new Pages 5.0, what is the page break shortcut key (it used to be the Fn + enter). I cannot find the (new) key as indicated on the drop down menu. Please help.

Hi Bruce and fruhulda,
ok, I found the keyboard viewer, it only shows the traditional symbol 'return'. something like a sideway u-turn continued with the arrow under. This is the Canadian or US keyboard.
btw thanks for your suggestion.

Trying to create a drop down menu in numbers...please help

Hi
Can anyone indicate how to go about creating a drop-down menu.
Thanks in advance

Hi Meela,
Welcome to Apple Discussions and the Numbers 08 forum.
Check page 66 of the Numbers User Guide supplied with your copy of iWork. The guide refers to them as "pop-up" menus, so a search using "pop-up" will be more successful than one using "drop down".
Essentially the process is:
Click on the cell to select it.
Open the Inspector and choose Cell Format (icon is a cell containing 42)
Click the Cell Format menu and select Pop-up Menu from the bottom of the list.
Double click an item in the list to edit it. Click the + button to add an item, the - button to delete the selected item.
Done.
Regards,
Barry

Mail can not open, blocked by drop down menu

Mail will not open. Drop down menu says: To view this page you need to log in to area "www.outlookmail.com" on www.outlookmail.com:443 Then it asks for my name and password.
I click cancel and the drop down exits and reappears. Do I have a virus? Now what?

Hi Jo ann,
I just got that on popping on my email saying the same thing" www.outlookmail.com:443" to sign in.
what did you do to fix it? what is it -is it? is it a virus?
can you please let me know what i should do
I appreciate that, thank you.
geraldsmagic from Ca.

Contacts drop-down menu blocked by on screen keyboard in text messages

Whenever I draft a new text message I put the cursor in the contact box and type the first letter of the name of the person I am trying to contact. If I have more than 3 people in my phone whose names start with that letter, the drop down menu becomes partially obscured by the on screen keyboard. If I attempt to scroll down on the menu, it selects whomever I happen to press. My attempts to minimize the keyboard have been futile. I understand I can work around this by going into contacts and selecting someone to text, but the problem is pretty aggravating. Please help!

Want to contract me? You can follow me on Twitter @RobGambino
Be sure to click Like! for those who have helped you.
Click Accept as Solution for posts that have solved your issue(s)!

It won't let me share my movie. Nothing happens when I click "share" or even in the drop down menu. I don't get options. HELP! I need this video by tonight!

I have worked with iMoive a ton and have never had an issue. I consider myself pretty computer savvy. This new iMovie is not my friend. It will not let me share my new video. I click on the project and click "share" like it says but I don't receive any further prompt. It literally does nothing. I tried the drop down menu and I see the "share" with an arrow indicating there are options but no drop down menu appears. I need this video by tonight to submit for work. HELP!

I got it to share! No reloading iMovie!
I do not have Mackeeper on my laptop
I have the movie files on an external hard drive
1. Close out iMovie
2. Eject the external hard drive
3. Start up iMovie
4. Plug in the external hard drive
5. Go into finder and double click on the folder containing the movie
6. Select the movie as if to edit
7. Share it!
I hope this works for you too

Add value entered in a text box to drop down menu options

hi everyone
i am making a pdf form for medical imaging report. i have a text box where the users enters a number, i want this entered number to appear within a drop down menu options
thanks

Hi Alexander,
I can explain you the details there is a list as you mentioned Newsletter with a column email in it you are right but for your answer ya i can use enforce unique values for that column but if i am using it it gives me an error in the next page what i want
is just beside my text box to say that already registered user.I want that functionality that is what i meant.
Thanks
Eswar
Eswar Chand Teki

Bookmarks toolbar changed from the right side of the drop-down menu to the left. How can I change it back on Firefox 4.0.1 for Mac?

I just updated to Firefox 4.0.1. Some changes I don't like, especially that the Bookmarks toolbar opens to the left of the drop-down menu instead of the right. How can I change it?

You may have bookmarks that have long title. Firefox 4 shows the full text of the bookmark name, so if it doesn't fit with opening to the right side the Firefox will open to the left side. You can scroll through the list and make the bookmarks with a long name shorter.
* [[How do I use bookmarks?]]

Thanks to the super-users, and questions on backgrounds and drop-down menu

Hi all.
I've spent a fair amount of time perusing the archives, so I don't have to bother you all with the basic questions. Great thanks to Wyodor, Old Toad, Ethmoid and Cyclosaurus for their excellent and oft-repeated tutorials.
With your help, I've figured out how to set up a personal domain name, modify my background image, and create a drop-down menu. (These were major accomplishments for a neophyte like me.) My primitive template can be seen here:
http://www.monroekarate.org/dojo/Template.html
And I am pretty happy with it. I have one problem, and one minor element that I'd like to fix.
The drop-down menu was created following the excellent tutorial from the iWebfaq but I notice that although it looks perfect there is one malfunction. If you hover and try to select an element where there is no underlying content, it works fine. When you try to select a list item with underlying content, however, the drop-down disappears. Any idea why that happens or how I can fix it? I suppose I could just add a space buffer, but that is an inelegant solution.
On a more trivial note, the background was actually supposed to be composed of two images. The top row was supposed to be a horizontal set of tiles (slightly darker in color) and the rest of the background was tiled in a second image, giving a gradient effect. I used the script Wyodor described here with repeat set to yes which gave me single-image tiling. Looks OK, but if I could get both sets of tiles used it would add substantial richness to the visual effect. Ideas?
Thanks again for all your help to date, and thanks in advance for considering this issue!
Cheers,
Liam

I appreciate your reply but those arrows were not the ones I was trying to describe. In the same box where you would type your web address on the far right is a small star and then next to it an arrow pointing down. If you click on this arrow, it normally drops down a list of the websites you commonly use. Or, if you are on a website ordering something, there might be a similar arrow that you need to select in order to choose which shipping you might want such as ground, next day air, etc., these are the kinds of arrows that are not working correctly now. Any ideas on these? Thanks for trying to help me.

Problem with checkbox and drop down menu

I am using DW8 with PHP/MySQL.
I made a insertion form and a couple of the fields are
checkboxes and another is a drop down menu. Everything works fine,
however, when I create an update form and the recordset calls the
data it doesn't retain its values on those items.
For example, if I checked a box when inserting the record and
then call the data up for the update form, the box is not checked,
making the user believe it was never checked in the first place.
The same thing goes for the drop down menu. If I have 3
options in the menu and someone selects the third one, when the
update form is used it defaults to the first option automatically
instead of actually calling up the original value selected.

The fact that two scripts do not work together does not mean
there is a bug in the RH script. It is simply that they were not
designed by their respective developers to work together. This
happens with multiple scripts in any html file.
Try creating a new project and then importing just this topic
into it. Does it still have the problem?

Mega Drop Down Menu

Similar Messages

Maybe you are looking for