LSRJ Chapter Page Style Guide

This style guide is designed to provide you with a few simple guidelines to follow when creating your chapter web pages, so we can keep each of LSRJ’s web properties looking clean and consistent.

This guide only covers a few of the available formatting options for wiki pages—for a complete list, please visit the Wiki Formatting Reference. Also be sure to check out the Sample Chapter Page to see additional formatting examples.

Proper Header Usage

There are three header types that should be used: h1, h3, and h4. (Please avoid using h2 formatting in these pages.) The proper usage and examples of each are detailed below.

h1

The h1 header is used at the top of the page to display the law school chapter name. In the edit mode, you use the h1 like this:

h1. Chapter Name Goes Here

And once published, the h1 looks like this:

Example of the h1 header

h3

Use the h3 to label the top level sections of your page. You format h3 headers in the edit mode like this:

h3. Page Section Goes Here

And once published, the h3 looks like this:

Example of the h3 header

h4

Use the h4 as a subhead, to label any sub-sections underneath the h3 headers. In the edit mode, use the h4 like this:

h4. Page Subhead Goes Here

Once published, the h4 looks like this:

Example of the h4 header

Proper Use of Link Styles

Use only the default formatting for links on your chapter page. Do not add additional color to links for emphasis. If you would like to add emphasis to any link, use of bold formatting is acceptable. In the edit mode, create a link like this:

"Link text goes here":http://www.sample-url.com

"*This is a bold link*":http://www.sample-url.com

Which looks like this:

Link text goes here

This is a bold link

Proper Use of Color

The use of color for added emphasis should be used sparingly and limited to red and orange. Color may be combined with bold formatting for added effect. Add color to text like this:

%{color:red}Here is some red text%

*%{color:orange}Here is some bold orange text%*

Which looks like this:

Here is some red text

Here is some bold orange text

Color formatting can also be combined with header styles, like this:

h4. Here is a subhead with *%{color:red}added color!%*

Here is a subhead with added color!