Viewers: in countries Watching now:
To preview the finished project, visit: http://codifydesign.com/chris/lynda/samples/course-0015
This course was created and produced by Chris Converse. We are honored to host his material in the lynda.com online training library.
Now there is a fair amount of CSS that goes along with styling these dropdown menus. So I have gone ahead and created the snippet to kind of give us a jumpstart. So from Dreamweaver come up to the File menu, let's choose Open. Go into the exercise files, folder 3, and let's open up dropmenu.css. So in here I have added a bunch of comments to help you understand what part of the dropdown menu each one of these styles is affecting. So all items, top items are the ones that go across the very top, the sub items are the first level dropdown menus, and then the sub sub-items, which is the third-level menu items. And down here we also have the indicators.
These are custom CSS rules that I have added into this particular plug-in, and we're going to look at activating with the jQuery, adding indicators to those menus. This plug-in doesn't actually have that built-in to the architecture. Now I'd also like to call your attention to the display: none attribute here that's inside of the main dropmenu. This is going to be applied to the UL, where we just applied a dropmenu class in the last movie. So what this is going to do is through CSS hide this entire menu. So what's going to happen is the entire menu is going to be hidden, and then when the jQuery plug-in initializes, it's going to turn the menu from being invisible to being visible.
Find answers to the most frequently asked questions about Create Navigation Menus with jQuery and Dreamweaver .
Here are the FAQs that matched your search "" :
Sorry, there are no matches for your search "" —to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.