Design Guidelines for Www

Design Guidelines for Www

Design Guidelines for

Header

Header code will not need to be explicitly written, as all pages should be made from one of the templates available on the site. Available templates are as follows:

  • Area 36 Template – Generic template with only header, menu bar, and footer with hard links to menu bar pages. Master template for all other templates.
  • Committee Template – Template for committee pages. Includes all generic template, contact info and file download tables, and box with committee links above footer.
  • Officer Template – Template for officer pages. Includes all generic template, contact info and file download tables, and box with officer links above footer.
  • District Template – Template for district pages. Includes all generic template, contact info and file download tables, and box with district links above footer.

Body

Explicit use of the <font> and other text formatting tags is strongly discouraged. Please use style sheets on all pages. The stylesheet for regular pages is located in /stylesheets/pages.css. Frequently used CSS classes are:

  • BodyText – Normal body text
  • BodyTextStrong – Bold body text
  • BodyTextSubHeader – Larger font, bold, underlined
  • BodySmallPlain – Smaller font
  • PageTitle – Colored large font for page titles
  • HeadingStrongMedium – large bold font

All body text is set to .5in left and right margins. Above styles have this built in, so if you use them you won’t have to worry about anything.

Tables

CSS Styles for tables are:

  • BlockSmallTextBgColor – Table with small text, uses highlight background color. Example of use is at bottom of all Committee, Officer and District pages.
  • BlockNormalTextBgColor – Same as above, but with normal size text.
  • BlockThinBorderBgWhite – Clear table with thin black border
  • BlockGenericClear – Generic clear table

Untabbed text for use in tables is as follows:

  • UntabbedBodyPlain – Plain text
  • UntabbedBodyStrong – Bold text
  • UntabbedBodyItalic – Italic text
  • UntabbedBodyAccent – colored text
  • UntabbedPaddedMediumText – Medium-small text with padding around it
  • UntabbedPaddedPlainText – Regular sized padded text

All table styles are lacking width properties, so you must define width for each table you declare.

Please let me know if you have any questions/comments, or would like to see new styles created for your page. Thanks.

Nick H.

Area 36 Webmaster

Top View