+ This example demonstrates how to skin a menu built using the MenuNav Node Plugin to look like the + menus on Flickr +
+Creating A Custom Skin
+
+Note: be sure to add the yui3-skin-sam classname to the
+page's <body> element or to a parent element of the widget in order to apply
+the default CSS skin. See Understanding Skinning.
+
<body class="yui3-skin-sam"> <!-- You need this skin class -->+ +
+Skinning the menus created using the MenuNav Node Plugin is done using CSS. The stylesheet used +for other MenuNav Node Plugin examples is a minified version of the node-menunav-core.css and +node-menunav-skin.css files. The node-menunav-core.css file includes foundational styling that +controls basic layout and positioning, whereas the node-menunav-skin.css file is used to apply +colors, borders, padding, etc. +
+ ++Skinning can be accomplished by either overriding the styles defined in the node-menunav-skin.css +file, or by creating an entirely new skin file. In either case, place custom styles in a separate +file to simplify integrating with YUI updates. +
+ ++When creating a custom skin, use the node-menunav-core.css and node-menunav-skin.css files as a +reference. Also consult the CSS reference +section of the MenuNav Node Plugin landing page, as it provides a complete list of all of the class +names used by the MenuNav Node Plugin along with when and to what element(s) they are applied. +
+