Home
Getting Started
Solutions
Tutorials
Tips
SE Optimization
Customizing OL
CSS Parameters
The Search Bar
Custom Header Image
Navigation Bars
The Body
The Footer
The Logo
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us
 

Customizing the Navigation Bars

 

Top Navigation Classes

How to customize the top navigation style in Office Live, change the border, background color, use images, mouseover ect.

 Top and Left Navigation Classes

How to customize the top and left navigation style in Office Live, change the border, background color, use images, mouseover ect.

 Left Navigation Classes

How to customize the left navigation style in Office Live, change the border, background color, use images, mouseover ect.

Removing the Navigation Bar

Uncheck navigation, from the Page Properties.  This is done on a page by page basis.

 

Replace Left/Top Navigation

Replace with your own custom content, place your content where indicated in the code, paste the code into a HTML module anywhere on your webpage.

 

Top Navigation

<script type="text/javascript">
parent.document.getElementById('IWS_WH_Elem_TopNav').innerHTML = 'replace with custom HTML';

</script>

 

Left Navigation

<script type="text/javascript">
parent.document.getElementById('IWS_WH_Elem_LeftNav').innerHTML = 'replace with custom HTML';

</script>