Adding CSS rules to style the menu


show more Adding CSS rules to style the menu provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create Navigation Menus with jQuery and Dreamweaver show less
please wait ...

Adding CSS rules to style the menu

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 th...

Adding CSS rules to style the menu
Video duration: 2m 19s 25m 49s Intermediate

Viewers:

Adding CSS rules to style the menu provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create Navigation Menus with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...