From svn-return-1032-apmail-forrest-svn-archive=forrest.apache.org@forrest.apache.org Tue Nov 09 22:58:38 2004 Return-Path: Delivered-To: apmail-forrest-svn-archive@www.apache.org Received: (qmail 66144 invoked from network); 9 Nov 2004 22:58:38 -0000 Received: from hermes.apache.org (HELO mail.apache.org) (209.237.227.199) by minotaur-2.apache.org with SMTP; 9 Nov 2004 22:58:38 -0000 Received: (qmail 69022 invoked by uid 500); 9 Nov 2004 22:58:34 -0000 Delivered-To: apmail-forrest-svn-archive@forrest.apache.org Received: (qmail 68883 invoked by uid 500); 9 Nov 2004 22:58:33 -0000 Mailing-List: contact svn-help@forrest.apache.org; run by ezmlm Precedence: bulk list-help: list-unsubscribe: list-post: Reply-To: "Forrest Developers List" Delivered-To: mailing list svn@forrest.apache.org Received: (qmail 68765 invoked by uid 99); 9 Nov 2004 22:58:32 -0000 X-ASF-Spam-Status: No, hits=-10.0 required=10.0 tests=ALL_TRUSTED,NO_REAL_NAME X-Spam-Check-By: apache.org Received: from [209.237.227.194] (HELO minotaur.apache.org) (209.237.227.194) by apache.org (qpsmtpd/0.28) with SMTP; Tue, 09 Nov 2004 14:58:31 -0800 Received: (qmail 66037 invoked by uid 65534); 9 Nov 2004 22:58:30 -0000 Date: 9 Nov 2004 22:58:30 -0000 Message-ID: <20041109225830.66035.qmail@minotaur.apache.org> From: crossley@apache.org To: svn@forrest.apache.org Subject: svn commit: rev 57109 - forrest/trunk/site/content/xdocs/howto X-Virus-Checked: Checked X-Spam-Rating: minotaur-2.apache.org 1.6.2 0/1000/N Author: crossley Date: Tue Nov 9 14:58:29 2004 New Revision: 57109 Modified: forrest/trunk/site/content/xdocs/howto/howto-editcss.xml Log: Substitute hard-coded tabs to spaces. No content changes. Modified: forrest/trunk/site/content/xdocs/howto/howto-editcss.xml ============================================================================== --- forrest/trunk/site/content/xdocs/howto/howto-editcss.xml (original) +++ forrest/trunk/site/content/xdocs/howto/howto-editcss.xml Tue Nov 9 14:58:29 2004 @@ -16,121 +16,121 @@ --> -
- How to customize Forrest CSS - WYSIWYG-style - This How-To shows how to use Mozilla - Firebird and the free EditCSS-Plugin to - customize your Forrest design in a - WYSIWYG-way. - -
- - -

Users who want to customize the Forrest look - and feel or simply experiment with changing - certain CSS-styles settings to see what - happens.

- - -

A major part of Forrest's look and feel is - controlled by a few CSS style sheets. Since - Forrest allows you to override these settings, - changing the CSS is a quick and easy - alternative to creating (and maintaining) a - whole new skin.

-

You'll learn how to use free tools to change - and experiment with styles in a WYSIWYG way, so - that you can immediately see what effect - changing a CSS property will have on the - look and feel of your Forrest.

- - - -

To follow these instructions you will need:

-
    -
  1. Browser-access to the Forrest-site you want - to experiment with.You can even - experiment with Forrest's that are read-only - for you (although you obviously won't be - able to make those changes - permanent).
    2. -
  2. The current version of the free Mozilla - Firefox-Browser installed on your system. - If you don't already use it, you can - download it from http://www.mozilla.org/products/firefox/ -
    3. - -
  3. The Firefox-PlugIn EditCSS. It downloads - and installs in just a few seconds from the - Install-Link at http://editcss.mozdev.org/ - With standard security settings in - place, Firefox will pop up a line at the top - of the window because this site has by - default no permission to install plugins on - your computer. Click "Edit Options" and - then "Allow" to change that, then click on - the Install-link again. Don't forget to - close and restart Firebird when the - installation is finished.
    4. -
  4. A basic understanding of CSS and access to - a good CSS-reference. Tutorials and - Reference can be found at http://www.htmlhelp.com/reference/css/.
    5. -
- - - -
- Open your Forrest -

Start your Firefox - Browser and open the Forrest you'd like to - work on/play with.

-

The page you have pointed to will show up in - Firefox's main window.

-
-
- Open the EditCSS-Sidebar - -

Select - View-Sidebar-EditCSS from Firefox's main - menu to open the EditCSS sidebar.

-

The EditCSS sidebar will show next to the - main window and load all the styles from - the main page.

-
-
- Change any CSS -

Change any style you'd - like to experiment with or add new settings - and styles of your choice by simply - editing the text of the sidebar.

-

EditCSS pushes any change you make in the - sidebar right back into the style-settings - of the main window, so that effects will - show right away.

- - On slow systems or when inserting big - changes it might be a good idea to paste - these from the clipboard to avoid a zillion - updates to the main windows for every - character you type. -
-
- How to save changes? -

Since it takes a few explanations to apply - the changes to your Forrest, I've made - this the topic of yet another HowTo called - "Howto change and extend Forrest-CSS"

-
- - - -

Please provide feedback about this document via - the mailing - lists.

- +
+ How to customize Forrest CSS + WYSIWYG-style + This How-To shows how to use Mozilla + Firebird and the free EditCSS-Plugin to + customize your Forrest design in a + WYSIWYG-way. + +
+ + +

Users who want to customize the Forrest look + and feel or simply experiment with changing + certain CSS-styles settings to see what + happens.

+ + +

A major part of Forrest's look and feel is + controlled by a few CSS style sheets. Since + Forrest allows you to override these settings, + changing the CSS is a quick and easy + alternative to creating (and maintaining) a + whole new skin.

+

You'll learn how to use free tools to change + and experiment with styles in a WYSIWYG way, so + that you can immediately see what effect + changing a CSS property will have on the + look and feel of your Forrest.

+ + + +

To follow these instructions you will need:

+
    +
  1. Browser-access to the Forrest-site you want + to experiment with.You can even + experiment with Forrest's that are read-only + for you (although you obviously won't be + able to make those changes + permanent).
    2. +
  2. The current version of the free Mozilla + Firefox-Browser installed on your system. + If you don't already use it, you can + download it from http://www.mozilla.org/products/firefox/ +
    3. + +
  3. The Firefox-PlugIn EditCSS. It downloads + and installs in just a few seconds from the + Install-Link at http://editcss.mozdev.org/ + With standard security settings in + place, Firefox will pop up a line at the top + of the window because this site has by + default no permission to install plugins on + your computer. Click "Edit Options" and + then "Allow" to change that, then click on + the Install-link again. Don't forget to + close and restart Firebird when the + installation is finished.
    4. +
  4. A basic understanding of CSS and access to + a good CSS-reference. Tutorials and + Reference can be found at http://www.htmlhelp.com/reference/css/.
    5. +
+ + + +
+ Open your Forrest +

Start your Firefox + Browser and open the Forrest you'd like to + work on/play with.

+

The page you have pointed to will show up in + Firefox's main window.

+
+
+ Open the EditCSS-Sidebar + +

Select + View-Sidebar-EditCSS from Firefox's main + menu to open the EditCSS sidebar.

+

The EditCSS sidebar will show next to the + main window and load all the styles from + the main page.

+
+
+ Change any CSS +

Change any style you'd + like to experiment with or add new settings + and styles of your choice by simply + editing the text of the sidebar.

+

EditCSS pushes any change you make in the + sidebar right back into the style-settings + of the main window, so that effects will + show right away.

+ + On slow systems or when inserting big + changes it might be a good idea to paste + these from the clipboard to avoid a zillion + updates to the main windows for every + character you type. +
+
+ How to save changes? +

Since it takes a few explanations to apply + the changes to your Forrest, I've made + this the topic of yet another HowTo called + "Howto change and extend Forrest-CSS"

+
+ + + +

Please provide feedback about this document via + the mailing + lists.

+