Use formating to structure your concepts and advance your message.

When should I use bold, italic, or underline for my font?

Use these sparingly when they are needed.
  • Bold: use for emphasis or to make a few words stand out. If overused, it defeats the idea of something standing out.
  • Italic: use sparingly for quotes or titles.
  • Underline – NEVER use because on a web page it means it is a link. Think of the color blind (challenged)

What does the 'Format' choice do?

Format Choices

When you apply format to text in the content editor you will change its appearance and indicate the structure of the content on the page.

Simple formating Choices:

paragraph (most common)

address (rarely used)
preformatted (rarely used)

Treat headings is as follows.

  • Heading1 is used to sumarize the content of your page (an there can therefore only be one)
  • Heading2  is used to split your page in sections
  • Heading3 is used to spilt each section into subsection
  • etc
So, for example, I could choose to split a place about all the towns and cities in the World like this:
  • Heading1 = The World
  • Heading2 = North American,Europe, Asia etc
  • Heading3 = USA, Canada etc
  • Heading4 = California, Florida, Nebraska etc
  • Heading5 = LA, San Antonio etc

Below are the effects of the format choices. Each 'heading' choice will look different for each department, because they have individual 'style sheets' which allow color, size, and font to be applied to the heading choices.

format

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Headding 6

What are the 'Styles' choices for?

Styles are html classes that can be applied to any highlighted asset in the content area. We have created these mostly for specific purposes.

  • boxed: puts a border around it
  • red: makes text red
    alert: makes text red, bold, 14px (slightly larger than the norm)
  • listPlain: takes the dots out of a list and the indention.(for unordered lists only)
  • external: puts an arrow on the right side of a link (for links only)
  • floatRight: ‘floats’ selection to the right (content wil flow and wrap around it)
  • floatLeft: same to left
  • imageFloatRight: floats, adds a border and a light grey ‘matte’ like a picture frame
  • imageFloat Left: same to left

Content Styles

Styles

When you use the WYSIWYG content editor, you may highlight text, a link, or an image and apply a 'style' to it. Below are the results.

For Text:

text 'boxed'


text 'red'


text 'alert'


For a list (without bullets):

  • normal list item
  • listPlain item 1
  • listPlain item 2

For links:

external (use for links that open a new window )


pdf (use for links that go to a pdf - add text saying how large the file i.e. )


For images:

imageFloatLeft

imageFloatRight


floatRight


floatLeft

Notices

New Template Test

As you can see the CMS pages are looking different. THIS IS A WORK IN PROGRESS!

We are testing a new responsive design template. It will react to any size device and adjust the content accordingly. This will allow us to use one web page for all desktop and mobile devices.

Be advised that it has been only optimized for modern web standards compliant browsers such as Chrome, Firefox, and IE 9 or greater. So if you try to view it in old Internet Explorer Browsers it will not look as good.

Not all of the top navigation links work yet.

We are looking for thoughtful feedback about the design and layout, the left navigation,  the header list of links, and the layout of the content columns.

Please give any feedback here ».