How to change the color of the horizontal top border on all pages in a SharePoint Services Web site in FrontPage 2003 (825495)



The information in this article applies to:

  • Microsoft Windows SharePoint Services
  • Microsoft Office FrontPage 2003

For a Microsoft SharePoint Team Services from Microsoft version of this article, see 288230.

SUMMARY

This step-by-step article describes how to change the background color of the top horizontal border of a whole Web site that is based on Microsoft Windows SharePoint Services.

MORE INFORMATION

When you open the default page of a Windows SharePoint Services Web site in Microsoft Office FrontPage 2003, you can change the background color of the top horizontal border, including the Navigation bar. To do this, right-click the top horizontal border, and then click Cell Properties. In the Background area, in the Color list, click the color that you want to use. However, this action only changes the color of the top border on that single page.

To change the background color of the top horizontal border across the whole Web site, follow these steps:
  1. Start your Web browser.
  2. In the Address box, type http://Your_WSS_Server_Name/_layouts/1033/styles/Ows.css, and then click GO.
  3. In the File Download dialog box, click Save.
  4. In the Save As dialog box, in the Save in list, click the folder where you want to save the file, and then click Save.
  5. In the Download Complete dialog box, click Close.
  6. Start FrontPage, and then open your local Web site.
  7. Click File and then click Import.
  8. In the Import dialog box, click Add File.
  9. In the Add File to Import List dialog box, find and click the Ows.css file, click Open, and then click OK.
  10. In Folder List, double-click Ows.css to open the file.
  11. Find the .ms-bannerframe area, and then change the hexadecimal number of the background-color attribute to the number that represents the color that you want to use.

    To use the FrontPage color picker to determine the hexadecimal number for a specific color, follow these steps:
    1. On the Tools menu, click Page Options.
    2. Click the Color Coding tab, click one of the color boxes, and then click More Colors.
    3. Click the color that you want to use in the color spectrum and take note of the number that is in the Value box. For example, the value for blue is hex={00,00,FF}.
    4. Click Cancel two times to close Page Options, and then return to the Ows.css file.
    5. In the background-color line, delete the existing number that you see between the number sign (#) and the semicolon (;).
    6. Type the number for the color that you want to use, without the commas, between the number sign and the semicolon. For example, the value of blue is hex={00,00,FF}, therefore you will type 0000FF. When you do this, the line will look similar to background-color: #0000FF;.
    Note You can also type the name of a specific color, such as red, blue, or green.
  12. Click Save and then close Ows.css.
  13. Click Format, and then click Style Sheet Link.
  14. Click All Pages, and then click Add.
  15. In the Select Style Sheet dialog box, in the Look in list, click your local Web site, click the Ows.css file, and then click OK.
  16. In the Confirm Format Style Sheet Links dialog box, click Continue.
  17. Click Save.

Modification Type:MinorLast Reviewed:7/27/2006
Keywords:kbWebServices kbColor kbhowto kbinfo KB825495 kbAudEndUser