wordserver support - helping you get the best out of your website, with useful guides, tutorials and advise on building and maintaining your website

 

Support Forum
Home
How To - ws Business
How To - ws Commerce
How To - ws Enterprise
Video Tutorials
Email
Images
Web Statistics
Contact Support

Scheme Manager

The Scheme Manager is used to set the font styles and colour and the over-all colour schemes for your web site.  To see the Scheme Manager page click the Schemes button as highlighted in red below.



 How to change colour scheme
 How to change pre-set font styles
 How to change background colour





















































































































































Note:
All links on your web site will adopt the same colour schemes. This is for consistency to ensure that a visitor to your site knows exactly what a link is.





















































Note:
You can only set the colour for your Navigation Bar Links in the Scheme Manager. You can edit the font, size and style for the navigation bar links in the Navigation Manager, which is accessible from the left hand side of the Site Manager.















Note:
You can also set a background colour for the content area and individual cells in your template layout in the Page Editor

 How to change colour scheme
The color schemes in wordserver each consist of a total of 20 colors. There are 16 complementary colors one black, one white, and two grayscale. Each of the 16 colors have been carefully selected to be complementary to one another.

Selecting a Colour Scheme
You can select a different color scheme by clicking on the palette to the right of the screen as shown below.  The color you select from this palette is displayed in the top left corner of the color scheme, and is in effect your principal colour.  Each of the additional 15 colors that are displayed in the color scheme are designed to be complementary to the principal color you have chosen.



Selecting a HEX or RGB values
You may also set the color scheme by entering a HEX or RGB value into the option boxes located under the color scheme. You may wish to do this if you know the colour value of your principal corporate colour.

[ top of page ]

 How to change pre-set font styles
You can edit the style of your text at anytime. When you re-publish your pages, the entire site will be updated with the new style, providing that you have saved your scheme changes.

The area to the left of the Schemes screen, as shown below, contains a list of all the available font styles. It will show them exactly as you have selected. The fonts relate directly to the buttons in the Page Editor. 


 
Font Style
To edit a font style, check the box next to the font style you wish to change. You will notice that there is a graphic button, exactly the same as in the Page Editor which correlates directly to that particular font style.
Once the box is selected you can click the drop down boxes to select your style changes. You will see the text preview change to the style you have chosen.

If you wish to change the font you may do so by selecting from the drop down list under the scrolling list of font styles. You can also adjust the size and style attributes in the same manner.

We have arranged the default sets so that T4 is the smallest and T1 is the largest - but you can change this if you prefer.

The list of available fonts is restricted to default Windows Operating System fonts. The reason for this is to ensure consistency in viewing the web site on any machine. If a non-standard font was to be used, it can not be guaranteed that the page will display correctly on a different machine that does not have the relevant font installed. Additionally, only a handful of Fonts are designed for on screen viewing.

Setting the font style for each button
You can edit each font size and style button individually to do this follow this procedure for each button:

  • Select the button you wish to set up by clicking the check box the left, when selected a tick will appear in the box.
  • Select a font from the list of available fonts. Note: To ensure consistency and good design we strongly recommend that you use the same font for all your font style presets.
  • Select a size from the drop down list – the sizes shown are point sizes.
  • Select a style from the drop down list. It is also possible to add styles from the Page Editor.
  • Finally, select a colour from the 20 colours listed shown in your chosen colour scheme.

You have seven font size and style and pre-set buttons: four for standard text and three for headings. The reason for the limitation is to provide some level of consistency across your web site.

Save the scheme to store your changes. The results can be seen on the live site when the site has been published.

Navigation Links in the Content
If you scroll down in the Font Style Pre-sets box you will see that you can set colour and style for your links. These are the links that appear in the content.

You can not set the font type or size. This is because the font type and size is controlled by the surrounding text in your content.
Example: If you have a paragraph with 10pt Arial text in black and wish to link a word in that sentence to another page, the font type and size for the link would still be 10pt Arial, but it would be highlighted in the colour and style that you set. So you may choose to have Blue links with an Underline style. So, your link in this paragraph would be 10pt Arial (as set by the paragraph) blue with an underline.

You can set the following:

Link Colour
This is the standard colour for links in the content of your pages.

Visited colour
This is the colour for a link in the content of your pages that has already been visited.

Active colour
This is the colour for a link in the content of your pages when the link is clicked.

Hover colour
This is the colour for a link in the content of your pages for when the mouse moves over the link.

Adding additional styling
In the styles drop down box for each of the above, you can choose from Normal (no additional formatting) and Underlined links.

Navigation Bar Links
The navigation bar links are treated in a slightly different way to the content area links.The colour for the links is set in the Scheme Manager in the navigation links section. 

You can set the following:

Link Colour
This is the standard colour for links in the Navigation Bar.

Visited colour
This is the colour for a link in the Navigation Bar that has already been visited.

Active colour
This is the colour for a link in the Navigation Bar when the link is clicked.

Hover colour
This is the colour for a link in the Navigation Bar for when the mouse moves over the link. 
 
[ top of page ]

 How to change background colour
You can set background colours for two areas of the site in the Scheme Manager, background colour for your entire site and the background colour for the navigation bar.

To apply a background colour for the entire site or navigation bar, select (check with a tick) the relevant check box and select from the 20 colours listed shown in your chosen colour scheme or click on the large colour multi-colour palette to the right to bring up further variations.

[ top of page ]

wordserver™ website design software and website content management software systems are astutech ltd online software products
© Copyright astutech ltd 2008. All rights reserved.   

website design software
website design software