APNSoft.com - Web Controls, components for ASP.NET
 About Us 
 Articles 
 Products
 Downloads 
 Purchase
 Support

Menu
Controls Suite 4.5


Overview
Features
Reference Book
Live Demos
Populating with Data
Appearance
Skins
With Icons
Background Image
Images Only
Transparency
Shadow
HTML Formatting
Precise Customization
Templates
Behavior
Programming
Application scenarios




CSS Shadow:
 Home 
 About Us 
 Products 
 Solutions 
 Support 
 Site Map 


PNG Shadow:
 Home 
 About Us 
 Products 
 Solutions 
 Support 
 Site Map 



APNSoft Menu supports two types of shadows: CSS and PNG. To add CSS shadow to the submenus, modify the .SubMenuDIV{} class in the CSS Style:

/*Submenu: DIV*/
.SubMenuDIV
{
    ...
    -moz-box-shadow: 2px 2px 3px #C5C5C5; 
    -webkit-box-shadow: 2px 2px 3px #C5C5C5; 
    box-shadow: 2px 2px 3px #C5C5C5; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C5C5C5')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C5C5C5');
}



PNG shadow supports transparency and looks identical in all browsers. To add PNG shadow to the submenus, add the following images to your Skin Folder:
  • ShadowBottom.png
  • ShadowCorner.png
  • ShadowLeft.png (optional)
  • ShadowRight.png




Code Samples:


© 2003-2024 APNSoft. All rights reserved.    Terms of use.