Home     Tips & Tricks     Top 10 Tips     Best Sites     Link Exchange     Blog     Site Marketing     Books      
Advanced Design Features 

 

How to activate Advanced Design Features?

1. Go to Office Live control panel.

2. Click on Web Site, on the right hand side you will find "Site actions".

3. Click on Activate advanced design features.

 

You can disable these features at any time.

 

Note: You need to activate Advanced Design Features for below tips.

 

Click here for HTML Hex color codes.


How to change background color of site?

 

Open Site Designer -> Style Sheet and add below code

 

body
{
    background:#006633;
}


How to add image to site background?

 

Open Site Designer -> Style Sheet and add below code


body
{
    background-image: url(http://your Office Live Site.com/images/bgimage.jpg);
}


How to change Hyperlink color?

 

Open Site Designer -> Style Sheet and add below code

 

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */ 
 


How to change main page body color?

Open Site Designer -> Style Sheet and add below code


.MS_MasterBody
{
    background:#FFFFCC;
}
.MSC_Body
{
    background:#FFFFCC;
}


How to change footer background color?

Open Site Designer -> Style Sheet and add below code


.MSC_FooterFrame
{
    background:#003399;
}


How to change page width for entire site?

Open Site Designer -> Style Sheet and add below code


.MSC_SiteWidth,.MS_MasterHeader,.MS_MasterFrame,
.MS_MasterGlobalLinks,.MS_MasterHeader,.MS_MasterPrimaryNav,
.MS_MasterFooter,.MS_MasterTopAD,.MS_MasterBottomAD
{
    width:980px;
}

How to remove Office Live bottom logo?
 

Open Site Designer -> Style Sheet and add below code

 

.MS_MasterBottomAD
{
    display : none;
}
Note: We don't recommend you to remove Office Live logo from bottom. This tip is listed to keep the interest of some users.

How to remove site Header?
 

Open Site Designer -> Style Sheet and add below code

 

.MS_MasterHeader
{
     display:none;
}

How to remove site Navigation Bar?
 

Open Site Designer -> Style Sheet and add below code

 

.MS_MasterPrimaryNav
{
     display:none;
}
How to remove Footer?
 

Open Site Designer -> Style Sheet and add below code

 

.MS_MasterFooter
{
     display:none;
}