How can I make photo menus in Muse drop-down?

I'm interested in the drop-down menus similar to those you see in the following two sites.  When you click the menu button, it "jumps" down with pictures.  How can I do this with Muse CC?


Hello

You can use the following script.

/ * Menu drop-down style * / image drop-down {/ * style the 'box' in its State minimzed * / border: 0px solid black; width: 192px; height: 80px; overflow: hidden; / * animate the dropdown collapse * / transition: height 0.1 s ;}}  #image - dropdown:hover {/ * when it is expanded, the drop-down list will get native means of scrolling * / height: 350px; overflow-y: visible; / * facilitate the expansion of the drop-down list * / transition: height 5s 0; z-index: 100; display: block; position: relative ;}}  #image - menu drop down entry {/ * hide nasty default option buttons! * / position: absolute; top: 0; left: 0; opacity: 0 ;}}  #image - drop-down list label [for = line1] {/ * style labels to resemble the combo options * / display: no margin: 2px; height: 80px; opacity: 0.2; background: url (nav_02.jpg); z-index: 100 ;}}  Label [for = line2] {display: no margin: 2px; height: 50px; opacity: 0.2; background - image: url (subnav_02.jpg); z-index: 100 ;}}  Label [for = line3] {display: no margin: 2px; height: 50px; opacity: 0.2; background - image: url (subnav_03.jpg); z-index: 100 ;}}  Label [for = 4] {display: no margin: 2px; height: 50px; opacity: 0.2; background - image: url (subnav_06.jpg) ;}}  Label [for = line5] {display: no margin: 2px; height: 50px; opacity: 0.2; background - image: url (subnav_08.jpg) ;}}  Label [for = line6] {display: no margin: 2px; height: 50px; opacity: 0.2; background - image: url (subnav_10.jpg) ;}}   #image - label dropdown:hover {/ * that's how labels render in the "extended" State. we want only the option selected in the menu button is collapsed and all of them when developed * / display: block; opacity: 1 ;}}  entry #image - drop-down menu: checked + label {/ * tricky! labels immediately after a radio check (with our markup semantically related) button should be completely opaque and visible even in the menu reduced * / opacity: 1! important; display: block ;}}

HTML:

I got the number of solution online and it's one of the best. Use this solution; If you have any questions, let me know.

Param

The green coffee India

Tags: Adobe Muse

Similar Questions

  • How can I prevent the text fields and drop downs changed after the form has been signed using a digital certificate? Thank you.

    Hi all

    How can I prevent the text fields and drop downs changed after the form has been signed using a digital certificate? Thank you.

    There is also a checkbox on the dialog box 'Sign' to lock document after signing.

  • How can I make a file to muse on a Web site?

    Hello

    I want to change my site and I just downloaded muse

    Now if I wanted to make changes in the Web site, I should have a file muse of my site.

    How can I make a file muse of my Web site without creating a new.

    Thank you

    You need the .muse file to make changes.

    If you create a site of Muse, you can export (HTML) data from your hosting provider Web site. But you must save the document to your machine .muse. Only this file, you can open within the Muse and make changes.

  • How can we change the visibility of the drop-down list after its creation?

    I create a QML document with three drop-down lists.  Depending on how "trans_type" is selected, only to drop Extra should be displayed.  If the option "account" is selected, the drop-down list is visible and the DD category is hidden.  The reverse is true if the 'category' option is selected.

    Here's how I build my QML document:

    void Testing::updateFields()
    {
        if (m_form.isNull())
            return;
    
        // Clear all fields from the form
        m_form->removeAll();
    
        // Clear the internal mapping
        m_fields.clear();
    
        //get the transaction page ready
        QmlDocument *qml = QmlDocument::create("asset:///transaction.qml").parent(this);
    
        DropDown* trans_type = qml->createRootObject();
        trans_type = DropDown::create().title("Transaction Type");
        trans_type->add(Option::create().text("Accounts").value("0"));
        trans_type->add(Option::create().text("Categories").value("1"));
        trans_type->setSelectedIndex(0);
        connect(trans_type, SIGNAL(selectedIndexChanged (int)), this, SLOT(onDDChange(int)));
        m_form->add(trans_type);
    
        DropDown* account_dd = qml->createRootObject();
        account_dd = DropDown::create().title("Account");
        account_dd->add(Option::create().text("No Account").value("0"));
        //... code to populate account drop down here...
        account_dd->setSelectedIndex(0);
        m_form->add(account_dd);
    
        DropDown* category_dd = qml->createRootObject();
        category_dd = DropDown::create().title("Category").visible(false);
        category_dd->add(Option::create().text("No Category").value("0"));
        //... code to populate category drop down here...
        category_dd->setSelectedIndex(0);
        m_form->add(category_dd);
    
    }
    

    Everything is displayed properly on the page.  onDDChange is called and it shows a Toast that the option has been selected.  Here is what I currently have in onDDChange:

    void Testing::onDDChange(const int &info)
    {
        QString msg = "Switched To: ";
        if(info == 0) {
            msg = msg + "Account";
        } else if(info==1) {
            msg = msg + "Category";
        } else {
            msg = msg + "Unrecognized";
        }
        showToast(msg);
    }
    

    I can't figure out how to get the drop down lists to be visible/hidden depending on the needs.  There is a function "setVisible()" for the drop, but I can not understand how to operate without the app crashing.  http://developer.BlackBerry.com/Cascades/reference/bb__cascades__dropdown.html#function-setVisible-v...

    My questions are:

    1. How can I change the visibility of the appropriate dropdown lists in a different function when the status of the main drop-down list is changed?

    2. is there a way to define an id for drop-down lists?  If not, how am I supposed to go into the drop-down lists in a variable later so I can receive their value or change the visibility?

    Any help would be great.  I've been struggling with this for a while.

    There are a number of methods you could use signals and slots between your code and the QML or something simple is assign "objectName" as a property, then this search in C++.

    http://developer.BlackBerry.com/Cascades/documentation/dev/integrating_cpp_qml/

    Something like

    DropBox db = mRootContainer->findChild("dropboxname");
    db->setVisible(true);
    
  • Can't select in menus on any drop-down Web site

    I'm on OSX.7.5 (old machine, cannot be updated.) Was just upgraded to Firefox 41.0.1. Is no longer, I can choose any drop on a Web site. Before the upgrade, I could always select from the menus or drop-down autofill. Has there been any update to any other software before this problem appear. Some examples are:
    -I go to a site where he asks name, address, etc. The window appears with the previous Scriptures, but I can't highlight and select an option.
    -I am entering data such as credit card information, where I have to select the entries of type of card, expiration date, etc. Once again, I can't highlight or select my entries.

    In most cases, I can type the entry (all, not only the first characters) and press 'enter', to fill in the field. However, it is both boring and doesn't always work.

    I rebooted in safe mode; no change to this problem. I tried to use AddOns to fill auto-type; still get the same problem.

    Any ideas? Thank you.

    Followed the instructions for FIREFOX REFRESH and I tried access to several Web sites. Able to select in the AutoFill and drop-down menus. Thank you!

  • How can I change the order in the drop-down list the address bar?

    I like Firefox, but one thing I want to change is the behavior of the address bar drop-down list - where it shows the previous sites I visited. I'm looking for a way to list of these in chronological order - so the most recently visited site is at the top. know how it is in IE!

    Is this possible? I'm happy to go in and change settings or install any addons that I need to do.

    Hello zeel, this article explains how the sorting mechanism in the firefox url bar: https://developer.mozilla.org/en-US/docs/The_Places_frecency_algorithm

    Although there are some settings to adjust the table available when you go to Subject: config I don't think it's possible to achieve your goal exactly using the built - in firefox. You can set the preferences (increase) of the value of the . places.frecency * BucketWeight while to increase the rank of the most recent visits and adjust the timespan in days for different buckets through the . places.frecency * BucketCutoff...

  • How can I specify the length of the drop down address bar?

    I am referring to the drop-down menu which is accessible by pressing the arrow on the right side of the address bar. It can also be called the auto suggest list until you have typed into any character for a new URL.

    Although my laptop and desktop computer the same operating systems (Windows 7 Professional 64-bit) and the same versions of Firefox, my laptop display 10 places that my office shows only 3.

    This problem may be caused by the FastestFox extension.

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • How can I change the content of the drop-down list window which shows after JUST click the button START

    The window appears after using the right click on the mouse. Before I had a Tech. remove a Trojan visuses the window showed just find, Explorer, Delete, now it showes such articles that take control, Google, download of virus total.etc.  So, how can I get rid of items that I don't want?

    The menu that appears when you right-click is called the "context menu", and various third-party applications can install entries here.  You have several choices regarding the removal of these entries:

    1. If you can determine what application is involved, you can see if the application has a configuration or menu options enabling to customize what appears in the context menu.

    2. If you can determine what application is involved and that you no longer want or need this app, you can uninstall it.  Praseetha K is close, but no cigar gets.  Virus Total is an online service that checks uploaded for viruses, files.  Virus Total also offers a "upload" allowing you to download suspicious files by right-clicking (see http://www.virustotal.com/advanced.html).  You can decide if you want. If this is not the case, simply uninstall it.

    3. If you are unable to determine what application is involved, or you want to keep the application but it does not offer a configuration without the context menu item, download ShellExView and you will probably be able to go to the bottom of things pretty quickly.

  • How can I remove tenacious favorite in menu drop-down? Website of death. Favorite, immortal.

    I have a "favorite" which continues to appear in the dropdown of my recent visits, despite the fact that he's dead, and my not to visit for a month. He is immortal, or it can go the way of the site she used to represent? The site is secoswinds.com, FWIW.

    Thank you. It's kind of funny. I'm so used to right-click on practically anything and have a delete option, I forgot the button 'delete' on my keyboard. Of course, when I did scroll down the list (Yes, the drop down address bar), has highlighted the dead site and press the 'Delete' key, he disappeared. Thanks for your help. See you soon.

  • How can I right - justify text in a drop-down list field in Acrobat 11?

    I have a literal that we want to include as a prefix in front of a field of account number.  Users wanted an option to use a No.:o account r
    Account number:, so I was going to justify the choices in the right drop-down selections but I do not see where to change the alignment propterty.  I used spaces before the non-literal account, but it would be better if I could right - justify the selections in the drop-down list box.

    Please let me know if there is a way to do it.

    Thank you!!!

    What exact version number? Look under help - about Adobe Acrobat.

    I also use Pro XI and that's what I see:

    I just thought of something, you should try... Look under Edit - Preferences - language and make sure that "Enable right-to-left language options" is checked. Maybe cause this option to appear.

  • How can I move my images and the drop down menu to my form dynamic after you start textflow to the partform option, content: textflow?

    I m looking for this information about 2 hours. It sounds simple but I can´t find a way that allow the think in my forms automatically adapt the appearance if someone adds new lines in the paintings and the possibility to have more distance between fields at the same time.

    I hope I could explain my question sufficiently...

    I use a windows pc with adobe acrobat pro dc and cycle 7 Direct designer ES 4.

    Thank you very much for your help.

    [Moved to the Forum LCD]

  • How can I make the best use of a new external hard drive and a new catalog full of photos just loaded into Photoshop elements 14 Organizer?

    How can I make the best use of a new external hard drive and a new catalog full of photos just loaded into Photoshop elements 14 Organizer?

    Keep all the files on external hard drive image?  Nothing else and no pictures on the desktop?

    Keep all image files both places?

    What is the best way to go through thousands of images in the Organizer to identify and place them in files?

    Once I've placed a file, I just leave it in the entire catalog or a way indicate to me that it has been sorted?

    As overwhelming, any tips/shortcuts/schemes, you can offer are welcome!

    As I only have the version of the EP, here is some info on the organiser:

    https://helpx.Adobe.com/Photoshop-elements/how-to/use-elements-Organizer.html

    Independent of how this feature works, you want to have your photos in one place and have a backup (second copy) somewhere else. All hard drives will not be successful at some point - some more early, some late - never trust to have your files in any safety devices if they are on a single disc. Once you have your sorted, it would be useful that you will organize/name/tag new photos immediately if the task is relatively short and simple. I copy my photos on my internal hard drive for my camera, take a quick look with preview to see who needs some changes and then decide where to put them - either drop them immediately after naming them or bring in an editing application and then file them away.

  • Hi, I have lightroom 6 and try to make a pano with "merge > Panorama Photo" 5 photos is grayed out, how can I make it work? Can anyone help?

    Hi, I have lightroom 6 and trying to do my first pano with "merge > Panorama Photo" 5 photos is grayed out, how can I make it work? Can anyone help?

    Hi Lili,

    Make sure that your program is updated to 6.5.1: keeping up-to-date for Lightroom

    and your GPU is supported: Adobe Lightroom GPU troubleshooting and FAQ

    Concerning

    Claes

  • My pictures on my card do not show in the import module, but I can see the names of files. How can I make my photo visible?

    I try to import images from the camera or via a card reader. It seems that something has changed. The image is not visible in the import module, but I can see folder names (date) on the map.

    How can I make my photo visible?

    Thanks for the help!

    Dear Akash,

    I have lightroom 5 and sony A77 M2. Finally I solve it myself investigate other positions on the internet on the same subject. I clicked on the part of area of "copy of area" (right of the screen) to the modus of import and the images showed once again. Still don't know why the pictures disappear and hope it was just something that I was wrong somewhere. Before I had multiple tasks (moving files) in the background may cause pressure on system/software.

    Thanks anyway for the reaction

  • Hi I have Lightroom 5.7.1 and try to make the panorama.  Photo/Edit in watch upward but somehow "Merge to Panorama in Photoshop" is grayed out.  How can I make it work?  How can I make panorama to 5.7.1?

    Hi I have Lightroom 5.7.1 and try to make the panorama.  Photo/Edit in watch upward but somehow "Merge to Panorama in Photoshop" is grayed out.  How can I make it work?  How can I make panorama to 5.7.1?  Can anyone help?

    Seriously Teddy5555, this isn't a problem with Lightroom.  If PhotoShop is not installed on your computer, then you cannot directly photos to edit in PhotoShop, nor can you merge to Panorama in PhotoShop.  If it is not installed, you must install it to make it work.

    6 LR and LR CC 2015 have the ability to merge with a Panorama in LR itself as shown below, but I don't remember if it was available in LR 5.

Maybe you are looking for

  • External hard drive

    Guy at the Apple Store said I could buy an external HD and plug it into the AirPort Extreme and use Time Machine to back up my MacBook wireless. I bought the technology G - 2 TB. Well, the HD is not appearing on my MacBook. The apple employee didn't

  • Connect to screen problem

    Hello! I have used Skype for a long time now, and I had not really a major problem up to now. I decided to update Skype, when the small pop-up message is coming, but that ended badly. I can't now login and the login screen is just messed up. I tried

  • Problems of the product on the Satellite Pro A200 recovery

    Hello I have a Satellite Pro A200. She runs very slowly and sometimes it crashes when I connect.Also the homepage was hacked and I tried several anti-spyware and they did not work. I have the product recovery disc, but the problem the DVD rom drive s

  • increase the resolution of 200 Hz to 1000 Hz

    I need speed my kinematic data must match the kinetic data that I use for my analysis by a factor of 5. I tried a linear interpolation, but as the ntimes value grows flattens my signal and I end up losing the shape of the data. This happens for inter

  • HP ENVY: The screen does not turn when only keyboard

    Morning, My laptop turns (i.e. horizontal screen) when attached to the keyboard. However, when the keyboard disconntected screen only a portrait. This occurred only in the last days. Until the computer was perfect. Cannot find the screen rotation fun