Home
Getting Started
Solutions
Tutorials
Tips
SE Optimization
Customizing OL
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us
 

Left side Navigation Customization

Hexadecimal color values can be found here: http://solutionsforofficelive.com/htmlcolorcodes.aspx.

Additional CSS Parameters can be found here:

http://solutionsforofficelive.com/cssstyles.aspx

 

Paste the following codes into notepad so you can add parameters as needed.  Once you have added your parameters, you can paste the code in the Style Sheet in the Site Designer.  Parameters need to be added between the { } brackets.

Example:

.MS_MasterPrimaryNav {background: #FFFFFF; border-color: #FFFFFF; border-style: inset;}

 

or

 

.MS_MasterPrimaryNav

{

background: #FFFFFF;

border-color: #FFFFFF;

border-style: inset;

}

 

Mouseover Effects

Mouseover effects for links are controlled by :link, :hover, :active, and :visited classes.  You can add these to the asterisked classes below.

Example:

.MSC_PrimaryNavLinkFrame:hover
{
background-color: #006633;
}

This will change the background color to #006633 on mouseover. 

 

Classes

Primary (parent) Navigation:

.MS_MasterLeftNav { }

.MSC_PrimaryNavFrame { }

*.MSC_PrimaryNavLinkFrame { }

*.MSC_PrimaryNavLinkFrame-On { }

*.MSC_PrimaryNavLink { }

*.MSC_PrimaryNavLink-On { }

.MSC_PrimaryNavTopSpace { }

.MSC_PrimaryNavBottomSpace { }

 

Secondary (child) Navigation:

.MSC_SecondaryNavFrame { }

*.MSC_SecondaryNavLinkFrame { }

*.MSC_SecondaryNavLinkFrame-On { }

*.MSC_SecondaryNavLink { }

*.MSC_SecondaryNavLink-On { }

.MSC_SecondaryNavTopSpace { }

.MSC_SecondaryNavBottomSpace { }

 

 

Navigation Home        Top | Top and Left | Left     CSS Parameters