Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 105433 Viewers
56 Video lessons · 117121 Viewers
71 Video lessons · 86347 Viewers
131 Video lessons · 41262 Viewers
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.