AardRock Wiki - User contributions [en]

AardRock Wiki:StyleGuide

2006-06-27T11:48:47Z

Berrie: /* Avoid using HTML */

__NOTOC__

=Definitions, metrics, and grid=
* All sizes are in pixels (screen) or points (print), unless otherwise specified.
* All dimensions in WxH.
* All color definitions are in RGB (255/255/255).
* Origin is upper left (0, 0).
* Overal underlying grid 24x24 (1x1 units).
* Most text and images are snapped to grid.
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).

=Images=
* All images have rounded corners with corner radius of 6.
* Image size must be a multiple of the grid unit; discuss exceptions with the Editor.
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
* No artificially mis-en-scenes, please.

=Color Usage=
* All text written on page: #333333 (dark grey)
* All text written on images ( vista, panels): #ffffff (white)
** See .PSD files for the right shadowing effect behind white type
* Borders, horizontal rules in layout: #ffd300 (yellow)
* All hyperlinks: #660099 ( blue with purple dash)
* All input field borders: #cccccc ( light grey)

=Fonts=
* All font sizes in points.
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download the Sun font for Mac or PC]).
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).

=Vista=
* Vista size is 672x192 (28x8 units).
* Title font is Sun Black 48.
* Subtitle (above title) is Sun Regular 24.
* Box text is Sun Bold 12.
* Vista has rounded corners with radius 6.

= Small Sub Panel=
* The first two sub panels to be used.
* Sub panel size is 192x192 (8x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 192x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 192x84 (8x2.5 units).
** Base line first line and top is 24.

= Large Sub Panel=
* The third panel is the large sub panel and has a bigger width.
* Sub panel size is 264x192 (11x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 264x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 264x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 264x84 (8x2.5 units).
** Base line first line and top is 24.

=Avoid using HTML=
* Avoid using raw HTML in the blog or wiki as this often leads to serious layout problems.
* If you must use HTML:
** Always check your HTML view for eventual errors and to avoid layout problems.
** Use lower case HTML only.
** Make sure all your tags are closed.
** Only use headers in the way as stated in the help file.
**Always add the <code>alt</code><code>width</code> and<code>height</code> attributes for correct HTML standards.
** Whenever using vista's, insert them by using correct html in html-view.
** Between the correct div-tags:
<code><nowiki><div id="vista">
<img src="filename.png" width="672" height="192" alt="proper description" />
</div></nowiki>
</code>

=Blog=
Please [http://codex.wordpress.org/Main_Page see the WordPress Codex] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Use h1 or h2 headers only.

=Wiki=
Please [http://meta.wikimedia.org/wiki/Help:Starting_a_new_page see the MediaWiki Help:Starting a new page] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Avoid clutter in the page history by using '''Show preview''' until you are satisfied with your edits; only then use '''Save page'''.

=Presentations=
Please [[AardRock:Presents | see the special section on presentations]] for information on presentation templates and styles.

=CSS=
* Container width (which holds all content): 672px (28 units).
* Container height: Variable to content.
* Container centering code: <code>margin 0px auto;</code> or <code>margin 0 auto;</code> (container will be centered in all browsers).
* Background contains repeatable yellow background image (img/nav/bg.png).
** Background repeating code:
***Image: <code>background-image:url(img/nav/bg.png)</code>;
***Image starting position at upper left corner: <code>background-position:top left</code>;
***Image repeat over x-axis: <code>background-repeat:repeat-x;</code>

[[Image:Layout_Overview.jpg|600px|CSS Layout commented]]

=Photoshop Document (.PSD) Files=
* Contact Martien for .PSD templates
* All .PSD files contain guides for cutting help.
** use the ctrl+; shortcut to see them appear/disappear.
* All .PSD files contain named layers for easy understanding.

AardRock Wiki:StyleGuide

2006-06-27T10:09:59Z

Berrie: /* CSS */

__NOTOC__

=Definitions, metrics, and grid=
* All sizes are in pixels (screen) or points (print), unless otherwise specified.
* All dimensions in WxH.
* All color definitions are in RGB (255/255/255).
* Origin is upper left (0, 0).
* Overal underlying grid 24x24 (1x1 units).
* Most text and images are snapped to grid.
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).

=Images=
* All images have rounded corners with corner radius of 6.
* Image size must be a multiple of the grid unit; discuss exceptions with the Editor.
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
* No artificially mis-en-scenes, please.

=Color Usage=
* All text written on page: #333333 (dark grey)
* All text written on images ( vista, panels): #ffffff (white)
** See .PSD files for the right shadowing effect behind white type
* Borders, horizontal rules in layout: #ffd300 (yellow)
* All hyperlinks: #660099 ( blue with purple dash)
* All input field borders: #cccccc ( light grey)

=Fonts=
* All font sizes in points.
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download the Sun font for Mac or PC]).
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).

=Vista=
* Vista size is 672x192 (28x8 units).
* Title font is Sun Black 48.
* Subtitle (above title) is Sun Regular 24.
* Box text is Sun Bold 12.
* Vista has rounded corners with radius 6.

= Small Sub Panel=
* The first two sub panels to be used.
* Sub panel size is 192x192 (8x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 192x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 192x84 (8x2.5 units).
** Base line first line and top is 24.

= Large Sub Panel=
* The third panel is the large sub panel and has a bigger width.
* Sub panel size is 264x192 (11x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 264x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 264x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 264x84 (8x2.5 units).
** Base line first line and top is 24.

=Avoid using HTML=
* Avoid using raw HTML in the blog or wiki as this often leads to serious layout problems.
* If you must use HTML:
** Always check your HTML view for eventual errors and to avoid layout problems.
** Use lower case HTML only.
** Make sure all your tags are closed.
** Only use headers in the way as stated in the help file.
**Always add the <code>alt</code><code>width</code> and<code>height</code> attributes for correct HTML standards.
** Whenever using vista's, insert them by using correct html in html-view.
HTML code example for vista to follow

=Blog=
Please [http://codex.wordpress.org/Main_Page see the WordPress Codex] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Use h1 or h2 headers only.

=Wiki=
Please [http://meta.wikimedia.org/wiki/Help:Starting_a_new_page see the MediaWiki Help:Starting a new page] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Avoid clutter in the page history by using '''Show preview''' until you are satisfied with your edits; only then use '''Save page'''.

=Presentations=
Please [[AardRock:Presents | see the special section on presentations]] for information on presentation templates and styles.

=CSS=
* Container width (which holds all content): 672px (28 units).
* Container height: Variable to content.
* Container centering code: <code>margin 0px auto;</code> or <code>margin 0 auto;</code> (container will be centered in all browsers).
* Background contains repeatable yellow background image (img/nav/bg.png).
** Background repeating code:
***Image: <code>background-image:url(img/nav/bg.png)</code>;
***Image starting position at upper left corner: <code>background-position:top left</code>;
***Image repeat over x-axis: <code>background-repeat:repeat-x;</code>

[[Image:Layout_Overview.jpg|600px|CSS Layout commented]]

=Photoshop Document (.PSD) Files=
* Contact Martien for .PSD templates
* All .PSD files contain guides for cutting help.
** use the ctrl+; shortcut to see them appear/disappear.
* All .PSD files contain named layers for easy understanding.

AardRock Wiki:StyleGuide

2006-06-27T10:06:29Z

Berrie: /* CSS */

__NOTOC__

=Definitions, metrics, and grid=
* All sizes are in pixels (screen) or points (print), unless otherwise specified.
* All dimensions in WxH.
* All color definitions are in RGB (255/255/255).
* Origin is upper left (0, 0).
* Overal underlying grid 24x24 (1x1 units).
* Most text and images are snapped to grid.
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).

=Images=
* All images have rounded corners with corner radius of 6.
* Image size must be a multiple of the grid unit; discuss exceptions with the Editor.
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
* No artificially mis-en-scenes, please.

=Color Usage=
* All text written on page: #333333 (dark grey)
* All text written on images ( vista, panels): #ffffff (white)
** See .PSD files for the right shadowing effect behind white type
* Borders, horizontal rules in layout: #ffd300 (yellow)
* All hyperlinks: #660099 ( blue with purple dash)
* All input field borders: #cccccc ( light grey)

=Fonts=
* All font sizes in points.
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download the Sun font for Mac or PC]).
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).

=Vista=
* Vista size is 672x192 (28x8 units).
* Title font is Sun Black 48.
* Subtitle (above title) is Sun Regular 24.
* Box text is Sun Bold 12.
* Vista has rounded corners with radius 6.

= Small Sub Panel=
* The first two sub panels to be used.
* Sub panel size is 192x192 (8x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 192x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 192x84 (8x2.5 units).
** Base line first line and top is 24.

= Large Sub Panel=
* The third panel is the large sub panel and has a bigger width.
* Sub panel size is 264x192 (11x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 264x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 264x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 264x84 (8x2.5 units).
** Base line first line and top is 24.

=Avoid using HTML=
* Avoid using raw HTML in the blog or wiki as this often leads to serious layout problems.
* If you must use HTML:
** Always check your HTML view for eventual errors and to avoid layout problems.
** Use lower case HTML only.
** Make sure all your tags are closed.
** Only use headers in the way as stated in the help file.
**Always add the <code>alt</code><code>width</code> and<code>height</code> attributes for correct HTML standards.
** Whenever using vista's, insert them by using correct html in html-view.
HTML code example for vista to follow

=Blog=
Please [http://codex.wordpress.org/Main_Page see the WordPress Codex] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Use h1 or h2 headers only.

=Wiki=
Please [http://meta.wikimedia.org/wiki/Help:Starting_a_new_page see the MediaWiki Help:Starting a new page] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Avoid clutter in the page history by using '''Show preview''' until you are satisfied with your edits; only then use '''Save page'''.

=Presentations=
Please [[AardRock:Presents | see the special section on presentations]] for information on presentation templates and styles.

=CSS=
* Container width (which holds all content): 672px (28 units).
* Container height: Variable to content.
* Container centering code: <code>margin 0px auto;</code> or <code>margin 0 auto;</code> (container will be centered in all browsers).
* Background contains repeatable yellow background image (img/nav/bg.png).
** Background repeating code:
***Image: <code>background-image:url(img/nav/bg.png)</code>;
***Image starting position at upper left corner: <code>background-position:top left</code>;
***Image repeat over x-axis: <code>background-repeat:repeat-x;</code>

[[Image:Layout_Overview.jpg|CSS Layout commented]]

=Photoshop Document (.PSD) Files=
* Contact Martien for .PSD templates
* All .PSD files contain guides for cutting help.
** use the ctrl+; shortcut to see them appear/disappear.
* All .PSD files contain named layers for easy understanding.

File:Layout Overview.jpg

2006-06-27T10:04:02Z

Berrie: CSS Layout overview for styleguide

CSS Layout overview for styleguide

AardRock Wiki:StyleGuide

2006-06-27T09:39:10Z

Berrie:

__NOTOC__

=Definitions, metrics, and grid=
* All sizes are in pixels (screen) or points (print), unless otherwise specified.
* All dimensions in WxH.
* All color definitions are in RGB (255/255/255).
* Origin is upper left (0, 0).
* Overal underlying grid 24x24 (1x1 units).
* Most text and images are snapped to grid.
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).

=Images=
* All images have rounded corners with corner radius of 6.
* Image size must be a multiple of the grid unit; discuss exceptions with the Editor.
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
* No artificially mis-en-scenes, please.

=Color Usage=
* All text written on page: #333333 (dark grey)
* All text written on images ( vista, panels): #ffffff (white)
** See .PSD files for the right shadowing effect behind white type
* Borders, horizontal rules in layout: #ffd300 (yellow)
* All hyperlinks: #660099 ( blue with purple dash)
* All input field borders: #cccccc ( light grey)

=Fonts=
* All font sizes in points.
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download the Sun font for Mac or PC]).
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).

=Vista=
* Vista size is 672x192 (28x8 units).
* Title font is Sun Black 48.
* Subtitle (above title) is Sun Regular 24.
* Box text is Sun Bold 12.
* Vista has rounded corners with radius 6.

= Small Sub Panel=
* The first two sub panels to be used.
* Sub panel size is 192x192 (8x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 192x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 192x84 (8x2.5 units).
** Base line first line and top is 24.

= Large Sub Panel=
* The third panel is the large sub panel and has a bigger width.
* Sub panel size is 264x192 (11x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 264x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 264x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 264x84 (8x2.5 units).
** Base line first line and top is 24.

=Avoid using HTML=
* Avoid using raw HTML in the blog or wiki as this often leads to serious layout problems.
* If you must use HTML:
** Always check your HTML view for eventual errors and to avoid layout problems.
** Use lower case HTML only.
** Make sure all your tags are closed.
** Only use headers in the way as stated in the help file.
**Always add the <code>alt</code><code>width</code> and<code>height</code> attributes for correct HTML standards.
** Whenever using vista's, insert them by using correct html in html-view.
HTML code example for vista to follow

=Blog=
Please [http://codex.wordpress.org/Main_Page see the WordPress Codex] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Use h1 or h2 headers only.

=Wiki=
Please [http://meta.wikimedia.org/wiki/Help:Starting_a_new_page see the MediaWiki Help:Starting a new page] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Avoid clutter in the page history by using '''Show preview''' until you are satisfied with your edits; only then use '''Save page'''.

=Presentations=
Please [[AardRock:Presents | see the special section on presentations]] for information on presentation templates and styles.

=CSS=
* Container width (which holds all content): 672px (28 units).
* Container height: Variable to content.
* Container centering code: <code>margin 0px auto;</code> or <code>margin 0 auto;</code> (container will be centered in all browsers).
* Background contains repeatable yellow background image (img/nav/bg.png).
** Background repeating code:
***Image: <code>background-image:url(img/nav/bg.png)</code>;
***Image starting position at upper left corner: <code>background-position:top left</code>;
***Image repeat over x-axis: <code>background-repeat:repeat-x;</code>

=Photoshop Document (.PSD) Files=
* Contact Martien for .PSD templates
* All .PSD files contain guides for cutting help.
** use the ctrl+; shortcut to see them appear/disappear.
* All .PSD files contain named layers for easy understanding.

AardRock Wiki:StyleGuide

2006-06-27T09:03:13Z

Berrie: /* Sub Panel */

__NOTOC__

=Definitions, metrics, and grid=
* All sizes are in pixels (screen) or points (print), unless otherwise specified.
* All dimensions in WxH.
* All color definitions are in RGB (255/255/255).
* Origin is upper left (0, 0).
* Overal underlying grid 24x24 (1x1 units).
* Most text and images are snapped to grid.
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).

=Images=
* All images have rounded corners with corner radius of 6.
* Image size must be a multiple of the grid unit; discuss exceptions with the Editor.
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
* No artificially mis-en-scenes, please.

=Fonts=
* All font sizes in points.
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download the Sun font for Mac or PC]).
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).

=Vista=
* Vista size is 672x192 (28x8 units).
* Title font is Sun Black 48.
* Subtitle (above title) is Sun Regular 24.
* Box text is Sun Bold 12.
* Vista has rounded corners with radius 6.

= Small Sub Panel=
* The first two sub panels to be used.
* Sub panel size is 192x192 (8x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 192x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 192x84 (8x2.5 units).
** Base line first line and top is 24.

= Large Sub Panel=
* The third panel is the large sub panel and has a bigger width.
* Sub panel size is 264x192 (11x8 units).
* Sub panel gap is 12 (0.5 units).
* Sub panel top strip is 264x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
* Sub panel has rounded corners with radius 6.
* Overall text margin left and right is 24 (1 unit).
* Sub panel upper half:
** Size 264x84 (8x2.5 units)
** Font Sun Black 24.
** Baseline lower line and bottom is 12.
* Sub panel lower half:
** Size 264x84 (8x2.5 units).
** Base line first line and top is 24.

=Avoid using HTML=
* Avoid using raw HTML in the blog or wiki as this often leads to serious layout problems.
* If you must use HTML:
** Always check your HTML view for eventual errors and to avoid layout problems.
** Use lower case HTML only.
** Make sure all your tags are closed.
** Only use headers in the way as stated in the help file.
**Always add the <code>alt</code><code>width</code> and<code>height</code> attributes for correct HTML standards.
** Whenever using vista's, insert them by using correct html in html-view.
HTML code example for vista to follow

=Blog=
Please [http://codex.wordpress.org/Main_Page see the WordPress Codex] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Use h1 or h2 headers only.

=Wiki=
Please [http://meta.wikimedia.org/wiki/Help:Starting_a_new_page see the MediaWiki Help:Starting a new page] for help on using AardRock's weblog.
* Use the built-in editor for editing contents.
* Avoid clutter in the page history by using '''Show preview''' until you are satisfied with your edits; only then use '''Save page'''.

=Presentations=
Please [[AardRock:Presents | see the special section on presentations]] for information on presentation templates and styles.

Style Guide

2006-06-22T12:37:06Z

Berrie: AardRock StyleGuide

=Blog and Wiki=
Usage of the blog and wiki tool is pretty simple. Both interfaces are easy to understand and richly documented. Read these url's for proper help when needed:
==Formatting and Styling==
*Wiki
**http://meta.wikimedia.org/wiki/Help:Starting_a_new_page
*blog
**http://codex.wordpress.org/Main_Page

===Tool: Wiki===
When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.

*HTML
**Only use lowercase html
**Check your html; always! one mistake can lead to a lay-out problem.
*Headers
**Only use headers in the way as stated in the help file.
*Images
**Whenever using the vista's, insert them by using correct html in html-view.
**Always add the "alt","width" and "height" attributes for correct html standards.

===Tool: Blog===
As for the Blog tool. When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.

*HTML
**Only use lowercase html
**Check your html; always! one mistake can lead to a lay-out problem.
*Headers
**Only use h1 or h2 headers.
*Images
**Whenever using the vista's, insert them by using correct html in html-view.
**Always add the "alt","width" and "height" attributes for correct html standards.

=Presentations=
When making presentations on behalf of AardRock, always use the template files which can be downloaded at http://aardrock.com/template/. For an example of the grid, see: http://wiki.aardrock.com/Image:AardRockPresents.png

==Formatting and Styling==
*Always use:
**All sizes in pixels, unless otherwise specified.
**All dimensions in WxH.
**All color definitions are in RGB (255/255/255).
**All fonts from Sun family (Download your Mac or PC font ).
**All font sizes in points.
**Origin is upper left (0, 0).
**Slide size 1024x768.
**Overal underlying grid 24x24.
**Most text and images are snapped to grid.
**Underlying snap grid 12x12 (so you have finer control of placement).
**Black background.
**Purple (111/106/202) horizontal strip 0 px from top, 1024x12.
**Yellow (255/255/17) horizontal strip 12 px from top, 1024x60.
**Text frame for bullet lists have origin at (24, 96), size 976x648.
**Title font: Sun SC Black 62.
**Sublevels do not use bullets.
**Level 1: Sun Regular 36, space before 12, indent +12 relative to previous level.
**Level 2: Sun Regular 24, space before 12, indent +12 relative to previous level.
**Level 3: Sun Regular 18, space before 12, indent +12 relative to previous level.
**Use three levels max.

AardRock Wiki:StyleGuide

2006-06-16T10:02:54Z

Berrie:

Hi Berry,

AardRock Style Guide goes here. English please. Thank you.

Succes en plezier,

Martien.

--------------------

Martien, Hoe zal ik deze pagina vullen? in principe worden alle styles netjes afgevangen door het CSS wat gebruikt wordt. Wat wil je weten of als naslag hebben?

grt,

Berrie

AardRock.com

2006-05-18T17:13:39Z

Berrie:

== '''Oplossing 1: Ombouwen MediaWiki''' ==
Volledig aanpassen van Wiki om dit als middelpunt van AardRock.com te nemen.

''Voordelen''
* Eén systeem voor AardRock.com
* Administratie (en authenticatie) alleen nodig voor wiki

''Nadelen''
* Veel aanpassingen nodig, kost veel tijd en energie
* Bovenstaande aanpassingen zullen bij een update naar een nieuwere versie grotendeels verloren gaan
* De nodige structurele veranderingen zorgen voor minder flexibiliteit en problemen in de toekomst
* Bezoekers kunnen makkelijk verdwalen in de grote hoeveelheid pagina's
* Een Wiki heeft een enorme herkenbaarheid onder de gebruikers. Wil je dit beeld wel aanpassen?

== '''Oplossing 2: Ombouwen WordPress''' ==
Volledig aanpassen van WordPress en voor meer informatie linken naar Wiki. De Wiki zal slechts in geringe mate worden aangepast aan de AardRock stijl.

''Voordelen''
* Goed te onderhouden
* Vrij makkelijk aan te passen qua skin

''Nadelen''
* Redactie werkzaamheden nodig om de website up-to-date te houden
* Twee aparte systemen die niet volledig gelijkwaardig of gelijkend geskind kunnen worden.

== '''Oplossing 3: Portal website''' ==
Een kleine custom website met een aantal pagina's over AardRock en haar projecten. Informatie wordt deels dynamisch geladen vanuit de weblog en de wiki.

''Voordelen''
* Geheel naar eigen wens op te bouwen
* Overzichtelijk voor bezoeker
* Weinig wijzigingen door te voeren in MediaWiki en WordPress (systemen blijven stabiel)

''Nadelen''
* Geen standaard systeem (en dus geen ondersteuning)
* Een derde schakel

AardRock.com

2006-05-18T17:12:10Z

Berrie:

AardRock.com

2006-05-18T17:09:53Z

Berrie: /* '''Oplossing 2: Ombouwen WordPress''' */

AardRock.com

2006-05-18T17:08:52Z

Berrie: /* '''Oplossing 1: Ombouwen MediaWiki''' */

== '''Oplossing 1: Ombouwen MediaWiki''' ==
Volledig aanpassen van Wiki om dit als middelpunt van AardRock.com te nemen.

''Voordelen''
* Eén systeem voor AardRock.com
* Administratie (en authenticatie) alleen nodig voor wiki

''Nadelen''
* Veel aanpassingen nodig, kost veel tijd en energie
* Bovenstaande aanpassingen zullen bij een update naar een nieuwere versie grotendeels verloren gaan
* De nodige structurele veranderingen zorgen voor minder flexibiliteit en problemen in de toekomst
* Bezoekers kunnen makkelijk verdwalen in de grote hoeveelheid pagina's
* Een Wiki heeft een enorme herkenbaarheid onder de gebruikers. Wil je dit beeld wel aanpassen?

== '''Oplossing 2: Ombouwen WordPress''' ==
Volledig aanpassen van WordPress en voor meer informatie linken naar Wiki. De Wiki zal slechts in geringe mate worden aangepast aan de AardRock stijl.

''Voordelen''
* Goed te onderhouden
* Vrij makkelijk aan te passen

''Nadelen''
* Redactie werkzaamheden nodig om de website up-to-date te houden
* Twee aparte systemen

== '''Oplossing 3: Portal website''' ==
Een kleine custom website met een aantal pagina's over AardRock en haar projecten. Informatie wordt deels dynamisch geladen vanuit de weblog en de wiki.

''Voordelen''
* Geheel naar eigen wens op te bouwen
* Overzichtelijk voor bezoeker
* Weinig wijzigingen door te voeren in MediaWiki en WordPress (systemen blijven stabiel)

''Nadelen''
* Geen standaard systeem (en dus geen ondersteuning)
* Een derde schakel

AardRock.com

2006-05-18T17:08:41Z

Berrie: /* '''Oplossing 1: Ombouwen MediaWiki''' */

== '''Oplossing 1: Ombouwen MediaWiki''' ==
Volledig aanpassen van Wiki om dit als middelpunt van AardRock.com te nemen.

''Voordelen''
* Eén systeem voor AardRock.com
* Administratie (en authenticatie) alleen nodig voor wiki

''Nadelen''
* Veel aanpassingen nodig, kost veel tijd en energie
* Bovenstaande aanpassingen zullen bij een update naar een nieuwere versie grotendeels verloren gaan
* De nodige structurele veranderingen zorgen voor minder flexibiliteit en problemen in de toekomst
* Bezoekers kunnen makkelijk verdwalen in de grote hoeveelheid pagina's
* Een Wiki heeft zo een enorme herkenbaarheid onder de gebruikers. Wil je dit beeld wel aanpassen?

== '''Oplossing 2: Ombouwen WordPress''' ==
Volledig aanpassen van WordPress en voor meer informatie linken naar Wiki. De Wiki zal slechts in geringe mate worden aangepast aan de AardRock stijl.

''Voordelen''
* Goed te onderhouden
* Vrij makkelijk aan te passen

''Nadelen''
* Redactie werkzaamheden nodig om de website up-to-date te houden
* Twee aparte systemen

== '''Oplossing 3: Portal website''' ==
Een kleine custom website met een aantal pagina's over AardRock en haar projecten. Informatie wordt deels dynamisch geladen vanuit de weblog en de wiki.

''Voordelen''
* Geheel naar eigen wens op te bouwen
* Overzichtelijk voor bezoeker
* Weinig wijzigingen door te voeren in MediaWiki en WordPress (systemen blijven stabiel)

''Nadelen''
* Geen standaard systeem (en dus geen ondersteuning)
* Een derde schakel

AardRock.com

2006-05-18T17:07:27Z

Berrie: /* '''Oplossing 1: Ombouwen MediaWiki''' */

== '''Oplossing 1: Ombouwen MediaWiki''' ==
Volledig aanpassen van Wiki om dit als middelpunt van AardRock.com te nemen.

''Voordelen''
* Eén systeem voor AardRock.com
* Administratie (en authenticatie) alleen nodig voor wiki

''Nadelen''
* Veel aanpassingen nodig, kost veel tijd en energie ( deze aanpassingen zullen bij een update naar een nieuwere versie grotendeels verloren gaan)
* De nodige structurele veranderingen zorgen voor minder flexibiliteit en problemen in de toekomst
* Bezoekers kunnen makkelijk verdwalen in de grote hoeveelheid pagina's

== '''Oplossing 2: Ombouwen WordPress''' ==
Volledig aanpassen van WordPress en voor meer informatie linken naar Wiki. De Wiki zal slechts in geringe mate worden aangepast aan de AardRock stijl.

''Voordelen''
* Goed te onderhouden
* Vrij makkelijk aan te passen

''Nadelen''
* Redactie werkzaamheden nodig om de website up-to-date te houden
* Twee aparte systemen

== '''Oplossing 3: Portal website''' ==
Een kleine custom website met een aantal pagina's over AardRock en haar projecten. Informatie wordt deels dynamisch geladen vanuit de weblog en de wiki.

''Voordelen''
* Geheel naar eigen wens op te bouwen
* Overzichtelijk voor bezoeker
* Weinig wijzigingen door te voeren in MediaWiki en WordPress (systemen blijven stabiel)

''Nadelen''
* Geen standaard systeem (en dus geen ondersteuning)
* Een derde schakel