Join Chris Converse for an in-depth discussion in this video Adding CSS rules to style the menu, part of Create Navigation Menus with jQuery.
- View Offline
Now there is a fair number of CSS rules that we need to create in order to style…all of these individual elements.…So I have gone ahead and created a snippet to kind of give us a jump start on that.…So if we come back our to our myMenu folder, let's open up menu.css.…And we could do that by dragging that into the main Aptana window or going to…the File menu in Aptana and choosing Open.…Now this menu.css is already hooked into the index.html file, so now let's go…into the exercise files and open up the Snippets with all of the CSS rules we…want to add to here.…So inside of Aptana, let's choose File, let's choose Open File and from…the Desktop let's come into Exercise Files > 3 - Snippet, open up dropmenu.css.…
Now in here I have segmented all of the CSS rules and put comments in here to kind…of help you figure out which rules are affecting which part of the design.…So topitems are the items that we're actually going to see before we roll over…the menus, subitems are the first level menus, sub subitems are the third level menus.…
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.