This application uses a skin to control the appearance of
the menu control. This can be seen in Listing 6. The skin file is kept in the
App_Theme directory in a folder name Default, which is also the name of the
Theme and in this case the skin file.
Create a sub directory named App_Themes and in that
directory create another sub directory named Default. Place the Default.skin
file in this directory.
Listing 6 - This is the Default.skin file
<asp:Menu SkinId="BlueMenu" runat="server"
DynamicEnableDefaultPopOutImage="false"
StaticEnableDefaultPopOutImage="false"
ForeColor="Black" Font-Size="Small" Font-Names="Arial">
<StaticMenuItemStyle BackColor="Navy" ForeColor="White" BorderWidth="1"
BorderColor="White" HorizontalPadding="5px" VerticalPadding="2px"/>
<StaticHoverStyle BackColor="#C3DAF9" ForeColor="Black" BorderColor="Navy"/>
<StaticSelectedStyle BackColor="#C3DAF9" ForeColor="Black"/>
<DynamicHoverStyle BackColor="#C3DAF9" ForeColor="Black" BorderColor="Navy"/>
<DynamicSelectedStyle BackColor="#C3DAF9" ForeColor="Black"/>
<DynamicMenuItemStyle BackColor="Navy" ForeColor="White" BorderWidth="1"
BorderColor="White" HorizontalPadding="5px" VerticalPadding="2px"/>
</asp:Menu>
