Developer manual

Styles in the Editor

When updating and editing pages in the Spring CMS there are a number of formatting styles available in the editor.

Your designer may wish to know what these are so that you can allow for them in your web site visuals. Please note that 3-4 heading styles may be more than adequate for most of your document needs. In this circumstance then additional heading styles 4-6 can be used to effect by creating "reversed" out versions or alternate looks to create some optional style choices for use in special purpose cirumstances. Any of these items can have a unique colour, size, background indent or any of the properties capable of being described in a .css stylesheet. Technical information about cascading style sheets .css can be found at W3C org.

Visual designs should allow for the following styles

  • Paragraph - font, size and colour for body copy across the web site
  • Bold - how does the text look if it is bold - simple bold weight or something extra to give it special emphasis?
  • Heading 1 - main page titles
  • Heading 2 - main sub titles
  • Heading 3 - minor sub titles
  • Heading 4
  • Heading 5
  • Heading 6
  • Blockquote - create indents or a background fill to make your blockquotes stand out
  • Bulleted List
  • Numbered List
  • Address
  • Preformatted
  • Table Properties - all aspects of how tabulated date should be displayed. Should the table have borders, shading, lines etc?
  • Table headings - what will the header cells on your table look like?
  • Table rows - shaded, plain etc

For example on this web site the styles are applied below

Paragraph text looks like this! - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin in sem. Sed dignissim. Phasellus mattis vehicula odio. Proin augue lorem, consectetuer quis, pulvinar non, rhoncus at, tellus. Integer non est. This is how bold text looks on this web site. Vivamus nisl dolor, pellentesque vel, facilisis a, gravida et, purus. Suspendisse porttitor nibh ut dui. Ut orci ante, congue dapibus, volutpat tincidunt, laoreet et, felis. Phasellus sodales posuere erat. Cras vulputate. Etiam diam dui, interdum id, interdum sollicitudin, placerat sed, enim. Morbi quis nisi sit amet ante consequat tincidunt. Cras eget nunc. Nunc in eros quis justo dapibus sagittis.

Paragraph text when used in italics.

Main Page Title (Heading 1)

Sub Heading (Heading 2)

Paragraph - Cras sit amet purus vel nibh suscipit dictum. Sed lectus. Praesent massa. Donec erat. Proin vestibulum placerat nunc. Suspendisse vitae sem. Proin aliquam leo a quam. Morbi euismod. Phasellus bibendum, erat a euismod sodales, metus sem semper erat, vitae gravida pede odio ac ligula. In hac habitasse platea dictumst.

  • Bulleted list - yours might have decorative bullet points. A small graphic?
  • Item 1
  • Item 2
  • Item 3
  • Item 4

Minor Sub Heading (Heading 3)

Paragraph - Sed gravida. Sed lacinia faucibus lorem. Cras vehicula lectus id nibh bibendum imperdiet. Donec faucibus nisl ut libero. Duis a sapien in eros euismod tristique. Curabitur eget est. Vivamus tristique massa sed tortor. Pellentesque consectetuer. Duis fermentum dolor eu neque. Sed iaculis tempor metus. Vestibulum tincidunt tellus non nulla.

  1. Ordered List
  2. Item 2
  3. Item 3
  4. Item4

Minor Sub Heading (Heading 4)

Paragraph - Praesent commodo nibh sed lectus. Cras lacinia. Aliquam a dui sit amet pede aliquam euismod. Nulla nunc erat, luctus in, mattis interdum, suscipit ac, justo. Duis id diam a ante consequat auctor. Mauris gravida congue odio. Suspendisse vitae tortor vel lectus faucibus fringilla. Praesent non metus ac ante sollicitudin porttitor. Vivamus lorem.

Blockquote looks like this to stand out from paragraph text. Praesent commodo nibh sed lectus. Cras lacinia. Aliquam a dui sit amet pede aliquam euismod. Nulla nunc erat, luctus in, mattis interdum, suscipit ac, justo. Duis id diam a ante consequat auctor. Mauris gravida congue odio. Suspendisse vitae tortor vel lectus faucibus fringilla. Praesent non metus ac ante sollicitudin porttitor. Vivamus lorem. In consectetuer, quam id lacinia aliquet, sapien nibh rutrum nulla, ac adipiscing mauris arcu rutrum massa. Morbi eget purus. Nunc eget arcu eleifend diam consectetuer pellentesque. In lobortis hendrerit leo. Aenean sit amet magna sit amet quam fermentum fermentum. Phasellus risus. Curabitur dapibus pretium elit. Integer odio magna, luctus quis, aliquam pulvinar, interdum interdum, erat.

Minor Sub Heading 5

Paragraph - Sed gravida. Sed lacinia faucibus lorem. Cras vehicula lectus id nibh bibendum imperdiet. Donec faucibus nisl ut libero. Duis a sapien in eros euismod tristique. Curabitur eget est. Vivamus tristique massa sed tortor. Pellentesque consectetuer. Duis fermentum dolor eu neque. Sed iaculis tempor metus. Vestibulum tincidunt tellus non nulla.

Tabulated data

MondayTuesdayWednesdayThursdayFriday
RowingRowingNetballTennisRowing
NetballNetballRowingRowingTennis
Minor Sub Heading 6
Address
Millstream Web Software
PO Box 8433 Perth 6849

Preformatted text just looks like this