LWAC Style Guide

This page provides recommendations from the Library Web Advisory Committee (LWAC) about how to style many features in the CMS such as callout boxes, lists, and more. To learn more about these guidelines, select a topic below:

Style guidelines:

1. Using relative & absolute links
2. Linking to external web sites
3. Ordering items
4. Callout boxes
5. Using ordered and unordered lists




Style guidelines:

1. Using relative & absolute links
When linking to other pages in the CMS, it's possible to use both relative and absolute links. The easiest method of linking is to use an absolute link that contains the entire path to the file or page. Simply cutting and pasting that link from your browser into the a href=" ..." tag between the quotations is the simplest method. An absolute link looks like this:

a href="http://www.baylor.edu/lib/librarystaff/index.php?id=53410"



Using a relative link may be desirable at some point, however. Relative links involve linking to a document, file, or resource that resides in the same location or directory as the page from which it's linked--hence the term "relative." As such, it's not necessary to spell out the entire path to the file, but only the resource's unique ID. A relative link looks like this:

a href="id=53410"

2. Linking to external web sites
When linking to a web site external to Baylor, please use the following attribute in the anchor tags to open the link in a new browser window when a user clicks it: target="_blank"

3. Ordering items
When you provide a list of items, make sure the most recently added material appears at the top.

4. Callout boxes
Callout boxes are the colored boxes usually displayed in the right navigation area of many Baylor web sites in the CMS. They are typically used to draw attention to important content related to the subject matter of the page you're visiting. Every page in the CMS has callout box content areas you may use, but they're not absolutely necessary. If you do decide use callout boxes, consider these style guidelines:

  • Stick with the default width of 160 pixels unless you have a good reason to change this value. When callouts are too wide, the inner content region of a page may become too narrow, making it difficult to read.
  • Use callouts based on the recommended styles below. These styles complement the Baylor library's color scheme very well. The names of the callouts are exactly as they appear in the CMS when you choose a particular callout type:
Light Green Solid

This is the recommended callout for displaying photo galleries.
Green/White Outline
This is a good all-purpose callout for text.
Light Green Top Outline
Another good callout that may be used with text.

5. Using ordered and unordered lists
There are two kinds of lists you may use in an HTML page: ordered lists and unordered lists. Ordered lists separate items with numbers, while unordered lists separate items with markers such as bullets, arrows, special images, or other custom characters. Before creating a list, consider which list type best suits your purpose. If you intend to provide a list of items that need to be presented in a certain order, you would use an ordered list to number the items 1, 2, 3, and so on. Below are examples showing each list type: Ordered list:

  1. Item 1
  2. Item 2
  3. Item 3
Unordered list:
  • Item 1
  • Item 2
  • Item 3

BACK TO TOP