home    services    tips   link exchange   blog   about   contact

 

navigation 

Text, images and image links can be used to create your own navigation either as supplement to the Office Live one or to replace it entirely.  Replacing it is useful if you would like your navigation in a different place.  If you have a lot of pages it is less time consuming to use the OL menu.

If you want to replace the OL navigation entirely it is easy to remove it.  Go to Page Properties for each page.  At the bottom of the dialog box it will say 'Include:' uncheck the box for Navigation.  If you change your mind you can put it back again by rechecking the box. 

Remember that your navigation is how your visitors are going to find their way around your site.  Keep it consistent and easy to understand.  Make sure they can find their way to and back from everywhere.

text links  

Text links are the easiest way to make your own navigation.  It's what I used for this site, simple & functional.  There is often beauty in simplicity.

 

Placing text links in tables and changing the color of the text for the current page is simple to do and ensures that everything coordinates with your color scheme.  It also makes it easier since you can copy and paste the whole table onto each page. 

 

These tables have different cell padding, cell spacing and use color for different effects.

|  home  |  tips  |  blog  |  contact  |

home

tips  

blog  

contact

 home

tips  

blog  

contact
 home  tips   blog  

  contact

 

 

home 

tips

blog

contact

 

 

A table with a background image can customize the look even more.  One of my example designs describes how I used a small image for the navigation background (that page is a totally different site design than this one).

A couple examples using an image as the table background and a simple text link to make a button or menu.

  contact me 

   home   |   about  

Use CSS code to change the behavior of the text links or simply change the color of them.

image links
You can also use images as a navigation system for your site or just as a button to bring attention to a particular link.  Be sure to look for images that match the theme and color scheme of your site or business.  A little goes a long way.

 

 

 

Images are the best way to use fancier  (which don't display the same across all computers, the ones provided by Office Live are the best ones to use).  They can be a nice touch for navigation or page headers.  Remember that the search engines aren't going to be able to read what it says, it will just be an image, important content and keywords should also be in regular text.

Text images with one in a different color can let people know what page they are on.

 

There are many different ways to use text links and images for navigation.  Look at the other websites do as you visit, you'll be sure to get plenty of ideas.

 

top 

 

 

   

   office live design tips © 2007 - 2008 www.oldesigntips.com, all rights reserved.  

 

 

table basics

 

images & tables

 

modules

 

customize header

 

navigation

 

create a gallery

 

example designs

 

forms

 

 css codes

 

resources

 

tell a friend

 

share a tip

 

feedback