Phoebe Moon - a website design system for creative people.
Web design solutions

 

We help you design a web site optimized for the search engines, and create content to make your  web site profitable.

CSS for FrontPage 2000

FrontPage has some pre-designed external style sheets you can use if you want to apply a style to multiple pages of your Web site.  To use them, choose File, New, Page. In the dialog box that appears, click the Style Sheets tab. As you highlight the different options, read the description of the styles on the right-hand side of the dialog box.  When you find one you like, click OK. 

Assuming you don't want to make any changes, choose File, Save As. Give your new style sheet a name and click OK.  Note that it will automatically save with a .css extension.  To apply it to either every page or only certain pages in your site, choose the Folders view and highlight the pages to which you want the new style to apply. If you want to select several pages, hold down the Ctrl key. Choose Format, Style Sheet Links. In the Link Style Sheet dialog box that appears, you'll see two radio buttons This time, click Selected Page(s). The style sheet will be applied only to the pages you chose when you were back in the Folders view.

Next, you'll need to add your style sheet so FrontPage knows what style to apply. Start by clicking the Add button to the right of the dialog box. Find the name of your style sheet in the Select Hyperlink dialog box. Once you've found the right style sheet, select it and click OK. You're now back in the Link Style Sheet dialog box and the name of your style sheet should appear in the white box.  Click OK and you will see your new style applied to the specific web pages you selected.

You're now back in the Link Style Sheet dialog box and the name of your style sheet should appear in the white box. If everything looks hunky-dory, click OK. You'll see your new style on your web.  If you would like to make changes, read our Introduction to CSS first.  

Open the style page (choose File, Open and then find the page). With your style sheet open, choose Format, Style. The Style dialog box will appear on the screen. Using this box, you'll make changes to your style sheet. First, look on the left side of the dialog box at the Styles list. This is where the properties are located.  

Select the part of your style sheet you'd like to edit and then click the Modify button.  Now you're in the Modify Style dialog box. Click the Format button, and a whole list will appear. Do you want to edit the font? Select that. The paragraph style? Pick it. 

If you're not sure what something means, don't hesitate to experiment. You can always cancel out of these dialog boxes so your changes don't take hold. Once you're in the Font or Paragraph (or whatever) dialog box, make the changes you'd like. When you're done, click OK to return to the Modify Style dialog box. Now click OK to get back to the Style dialog box.

Finally (assuming you've done your tinkering), click OK. You should see the changes you made take effect on your web.

 

 

 

 

Check the  CSS compatibility grid 

 

A little tip: do you need to edit code in the shared borders? Go to FrontPage Explorer and select Tools, Web Settings.  Hit the Advanced tab, then Show Documents In Hidden Directories.  Hit OK, and you will see a new directory called "borders" that contains all the html files you need.
 

Copyright ©PhoebeMoon Web Design Solutions