Styles and Formating

Text Formatting (Heading 1)

This page is an example of a well-formed subpage of a website. In this document, you will find just about everything you will need to style your text. If you require additional styles, please contact Jen Wachter, Web Developer in the Office of Communications and Public Affairs.

Format Options (Heading 2)

Under the "format" drop-down in SiteExecutive, there are several options.

  • Normal: used for normal paragraph text
  • Normal (div): used for div containers (this is not incredibly useful)
  • Formatted: used for preformatted blocks of programming code to be displayed on the page
  • Address: used to denote a mailing address
  • Heading 1: used for the title of the document. Heading 1 text should be at the top of your document and only used once.
  • Heading 2-6: used for different hierarchical levels of subheadings. Unlike Heading 1 text, Headings 2-6 can be repeated throughout a document. Please use headings in order and do not skip a heading level.

Paragraph Styles

Under the "style" option in SiteExecutive, there are several options to style your text and other elements. Plain parahraph text (such as this) should have no styles applied to it. When you start typing, the format will be "Normal" by default, which is exactly what you want for paragraph text. Even though the majority of times your paragraph text will have no styles applied to it, there are times in which you will need to apply styles. Below are a list of available styles and when they can be used:

  • Article Title: this style is to be used in homepage columns only. If one of your columns has a list of links with summary text, the link itself should have the "article_title" style applied to it. An example of this style in use.
  • Caption: this style is used for image captions. An example of this style in use.
  • Inline Code: this style is used to denote programming code within a paragraph. An example of this style in use.
  • More: this style is used on homepage columns or the extras sidebar. If you have a summary of an item that is somewhat long, cut it off after 50 words or so. Create a new paragraph below your summary and type something like "Read More" and apply the "more" style to it. For more infomation, see the formatting guide on homepage columns and sidebars. An example of this style in use.
  • Small: this style is used when you need the text to be smaller than the default size; for example, the small style can be applied to disclaimers. An example of this style in use.
  • No Border: this style is not for paragraphs, but for tables. When you create a table, the default styles create borders in between the table cells. If you wish to omit the borders, give your table a class of "noborder" in the table properties. For more information, jump to tables.
  • Slideshow Title: this style is to be used only in the text portion of the photo slideshow. For more information, see the formatting guide on the homepage slideshow. An example of this style in use.

Lists

SiteExecutive allows for two different kinds of lists — unordered and ordered. An unordered list should be used if the elements in the list are not sequential. Conversely, an ordered list should be used if the elements are sequential. Below is an example of what each type of list looks like.

Unordered List (Heading 3)

  • List item 1
  • List item 2
    • Nested item 1
    • Nested item 2
  • List item 3

Ordered List

  1. List item 1
  2. List item 2
    1. Nested item 1
    2. Nested item 2
  3. List item 3

Quotes

To insert a quote into your content, use the "blockquote" HTML element.

If I had a world of my own, everything would be nonsense. Nothing would be what it is, because everything would be what it isn't. And contrary wise, what is, it wouldn't be. And what it wouldn't be, it would. You see?

— The Mad Hatter