Solved

How can I edit  FP2000's CSS (style sheet) directly?

Posted on 2003-11-28
7
348 Views
Last Modified: 2013-12-24
Hi,

I'm using Front Page 2000.  I've applied a theme "using CSS". I can see that every page is linked to an external style sheet, but I can't see WHERE that page is located. (The path is too long to see the whole thing in the drop down box, and it appears to be in a temp directory. So that may not even be the "real" CSS file).

Does anyone know where the theme's CSS (cascading style sheet) is located?  
Or are there more than one?

I'd like to be able to edit it with an external style sheet editor, rather than having to depend on FP2000's clunky css editing.

Help!

0
Comment
Question by:clay111296
  • 3
  • 2
7 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 9842036
First, go to Tools > Web Settings > Advanced.

Under Options, click the checkbox next to "Show documents in hidden directories" You'll be asked to refresh the web - choose Yes.

You'll now notice a folder under the root called "_themes". In that folder - if you've used an MS theme, will be the name of the theme, such as "Artsy"

In that folder, are all the files that generate the theme - including the CSS files you're looking for.

If you have a text editor specified for certain files, you should be able to right-click on the css files and edit them outside of FP by choosing your editor from the list.

Please let me know if you need more info on this...

Thanks,
seanpowell
0
 

Author Comment

by:clay111296
ID: 9843412
Thanks, that helps a lot.



However, there are several .css pages in that directory.  I don't know the "order of precedence" for them. I.e., I modified theme.css but it had no effect on the appearance of a page.

MORE POINTS/ NEW QUESTION?
This is a new question (effectively).  I can give you points/grade for the original question and then create this new question. Or I can increase points (250 pts) on this question if you think you can answer the additional question above.
0
 

Author Comment

by:clay111296
ID: 9843509
MORE INFO

It seems that if I modify the color of text within FP2000 (by editing the theme), that this shows up in color0.css AND theme.css

However, if I moeify the color of text in theme.css, it does NOT show up on actual displayed pages.

Is theme.css "compiled" by FP2000 based on color0.css or color1.css?

When I get a chance, I'll try to run some more tests on this.

(BTW, I'm moving to a new house next week, so I may not get back to this question for 2 weeks. Don't take it personally :-)

0
 
LVL 31

Accepted Solution

by:
seanpowell earned 250 total points
ID: 9845052
Moving? - I feel your pain - I really do :-(

Here's a basic rundown of what the theme files do:
Themes.css. This file controls the font attributes that are applied in a Theme.
Color0.css and Color1.css. These files control the color when you select the Vivid Color option.
Graph0.css and Graph1.css. These files control different graphics when you select the Active Graphics option.

NOTE: If you have chosen to have the theme applied using CSS - the way the themes operate are quite different (As an example - if the theme in "not" applied with CSS, then every time you make a change to one of the the theme style sheets, you need to go to Tools > Recalculate Hyperlinks, in order to see the changes. I certainly recommend always applying the theme with CSS.

It also makes a difference how you edit the theme. The best method is (we'll change the look of the <h1> element for this example):

1. Have the web open.
2. Go to Format > Theme > Click on the theme your web (or page) uses, and click "Modify"
3. Select the "Text" icon.
4. At the bottom of the Modify Theme dialog box, click on "More Text Styles".
5. In the Styles list, click on h1, and then Modify > Format > Font.
6. You now have access to the Font, Size, Spacing, Color and Style attributes available to the h1 element. Modify as necessary.
7. Click OK. You can also do the same for the Paragraph, Border and Position properties as they apply to the h1 element.

Once you're done, save everything, recalculate the web, and then view your page again in a Browser. Using the steps above - as lengthy as they are - gives you precise control over your theme, as opposed to trying to edit the css files directly.

Let me know if I've been unclear or missed anything that you need to know....

Happy Packing :-)
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10849024
Hey - just checking in...

You must have finished moving by now :-)
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The viewer will learn how to dynamically set the form action using jQuery.

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now