Tell a Friend

 

 

 

 

 

 

  

 

 Tips and How To's for Office Live Web Design

Home         Design Tips          Blog       Link Exchange       About          Contact

Office Live Example 2

This was an older version of this site, my about page.  I used the sunset image as a basis for the design.  I liked the image and knew the colors in it were ones available in the OL color chart.  I really liked the design, but it didn't give me any room to grow, I didn't think ahead.

 

All of it is a large table in a single zone.  The header area is another table inside the first with an image as the background.  Below that, a table with the reflection image for the background is the navigation.

 

The content area, a table again with a solid background color.  Two columns, to keep the tip box on the right.  The tip box is yet another table, yet another image as the background.  The rounded edges are part of the image, the table border is the same color as the background.

 

When using one table above another, you can set the table width in properties.  That helps keeps all the tables the same exact width.

 

A different image in a table for the footer gives me the bottom relection.  The site information modules are placed in that table.

Tip 

 

Save your pages often.  If something unexpected happens, select the current page from the Web Pages drop down menu and when it asks if you want to save, click cancel.  Your page will reload as it was at your last save.

 

 

 

 

 

Top of Page

office live design tips